【解决方法】EasyUI DataGrid无数据时不显示滚动条问题

解决方法

在dataGrid的定义中添加如下代码：

 JavaScript Code 

1 2 3 4 5 6 7 8 9 10

onLoadSuccess :  function (data) {      if (data.total ==  0) {         $( '#dg').datagrid( 'insertRow', {             row : {}         });         $( "#dg").parent().find( "tr[datagrid-row-index='0']").css({                "visibility" :  "hidden"           });       } }

更新日志

经@云飞扬同学指点，将上文的部分代码做了更改。

以下引自@云飞扬同学的评论：

总体思路正确，不过需要修改下选择器的限定，否则会影响所有的datagrid，将所有datagrid的第一行给隐藏掉了。
easyui处理datagrid时将id的table部分保留并封装，增加datagrid-view1和datagrid-view2两个子元素，这俩view和原始table形成兄弟关系。第一个view是用于放置冻结列的，有冻结列的这里就会有数据。view2放置自然列的数据。所以，限定范围那句代码应该这么写了：

 $("#dg").parent().find("tr[datagrid-row-index='0']").css({
             "visibility" : "hidden"

原代码：

 JavaScript Code 

1 2 3 4 5 6 7 8 9 10 11

onLoadSuccess :  function (data) {      if (data.total ==  0) {         $( '#dg').datagrid( 'insertRow', {             row : {}         });         $( "tr[datagrid-row-index='0']").css({              "visibility" :  "hidden"         });     } }