世间自有公道,付出总有回报,说到不如做到,要做就做好,步步高!

EasyUI datagrid : 启用行号、固定列及多级表头后,头部行号位置单元格错位的问题

症状如图:

 

上图中,行号列与checkbox 列融合了。解决方法是在datagrid 的 onLoadSuccess 事件中加入如下代码:

  var opts = $(this).datagrid('options');
                if(opts.rownumbers){
                    var dgPanel = $(this).datagrid('getPanel');
                    var tdRownumber = dgPanel.find('.datagrid-header-rownumber').parent();
                    var hasFrozenColumns = $(this).datagrid('getColumnFields',true);
                    if(hasFrozenColumns.length){
                        var dgView2 = dgPanel.find('.datagrid-view2');
                        var trCount = dgView2.find('.datagrid-header tr').length;

                        tdRownumber.attr('rowspan',trCount);
                    }
                }

  

posted @ 2015-02-02 14:13  疯狂秀才  阅读(18596)  评论(0编辑  收藏  举报