1. 程式人生 > >easyui 的Datagrid 表頭顯示不全問題解決

easyui 的Datagrid 表頭顯示不全問題解決

在開發的時候遇到這麼一個問題,當使用easyui的datagrid的時候,定義的列比較多,但是寬度不夠。載入資料之後下端會出現橫向滾動條,一切似乎都在掌控之中,但是問題來了,當載入空資料時(也就是說表裡不顯示任何資料時)問題就來了:我們會發現我們定義好的表頭不全了(只顯示了一部分),這樣看起來就怪怪的。
不廢話了,直接上解決方法:
$('#datagridid').datagrid({
            onLoadSuccess:function(data){
                if(data.total==0){
                    var dc = $(this
).data('datagrid').dc; var header2Row = dc.header2.find('tr.datagrid-header-row'); dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"})); } } });

其中datagridid是出現問題的datagrid的id,這裡用的是jquery的選擇器。只要在載入的時候加上以上程式碼,剛才被隱藏的表頭就會正常顯示出來,下端也會出現橫向滾動條。