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的选择器。只要在加载的时候加上以上代码，刚才被隐藏的表头就会正常显示出来，下端也会出现横向滚动条。