首页 > 代码库 > easyui的datagrid无数据时下方滚动条不显示的解决办法(标题栏显示不完全)

easyui的datagrid无数据时下方滚动条不显示的解决办法(标题栏显示不完全)

  easyui在写datagrid的时候标题栏有时候因为太多、太长所以无法显示所有的列,而且没数据的时候下方的滚动条是不显示的,这样就无法显示所有的列了。解决办法如下:

  

1 onl oadSuccess: function (data) {2                 if (data.total == 0) {$(‘#dgReportList‘).datagrid(‘insertRow‘, {row: {}});}3                 $("tr[datagrid-row-index=‘0‘]").css({ "visibility": "hidden" });4 }

  这样就会插入一行空的数据,然后隐藏掉,如此datagrid下方的滚动条就会显示了。

  若开始加载的datagrid无url加载,则可以用loaddata方法触发onLoadSucess,如下:

1 //往数据表格绑定绑空数据,使没数据也出滚动条2 $(‘#dgReportList‘).datagrid("loadData", []);

 

  

easyui的datagrid无数据时下方滚动条不显示的解决办法(标题栏显示不完全)