【解决方法】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放置自然列的数据。所以，限定范围那句代码应该这么写了：

[javascript]view
 plaincopyprint?

$("#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"
        });
    }
}