easyUI关于datagrid横向滚动条的实现

[hydreamZK]

easyUI datagrid 使用，如下图：设置 “ fitColumns=false ” 出现了横向滚动条，

当拖动横向滚动条时候，右侧的列也不能完全显示，





Datagrid 配置如下：

<table id="emp_table" title="" class="easyui-datagrid" style="width:auto;height:'100%'"

title=""

iconCls="icon-save"

rownumbers="true"

pagination="true"

fitColumns="false"

singleSelect="true"

resizeHandle="left"

autoRowHeight="true"

toolbar="#tb"

nowrap="true"

fit="true"

striped="true"

collapsible="true"

pageList="[5, 10, 15, 20, 25, 30]">

[clark_kidd]

这个应该不是easyui本身问题，可能有其他样式影响到了，你做个干净的例子试试

[小龙在线]

我使用的1.4.1怎么不显示滚动条呢？

fitColumns="false"已经设置了，除了easyui的css，没有其他css

[攻城狮炒鸡蛋]

同问，楼主最后怎么解决的啊？

[michaellions]

我用下面代码： //easyUI默认出现滚动条 function defaultHaveScroll(gridid){ var opts=$('#'+gridid).datagrid('options'); // alert(Ext.util.JSON.encode(opts.columns)); var text='{'; for(var i=0;i<opts.columns.length;i++){ var inner_len=opts.columns[i].length; for(var j=0;j<inner_len;j++){ if((typeof opts.columns[i][j].field)=='undefined')break; text+="'"+opts.columns[i][j].field+"':''"; if(j!=inner_len-1){ text+=","; } } } text+="}"; text=eval("("+text+")"); var data={"total":1,"rows":[text]}; $('#'+gridid).datagrid('loadData',data); // $('#grid').datagrid('appendRow',text); $("tr[datagrid-row-index='0']").css({"visibility":"hidden"}); } 在ie11下可以，在chrome不行。有没有好的解决办法？