解决jquery easyui-datagrid列过多且无数据时列显示不全的bug

来源:互联网 发布:现场工程师 linux维护 编辑:程序博客网 时间:2024/04/29 15:41

今天用easyui的datagrid做一个列很多的表格时,功能完成提交后被测试组发现在初始未加载数据的情况下表格的最后几列居然看不到,震惊之余上网发现原来是datagrid控件的bug,上网搜索解决办法大部分都是一种方式即

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

            }

加入代码中后代码报错,再次寻找又找到一个瞅着更靠谱点的方法

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

运行代码成功显示出全部列!

0 0
原创粉丝点击