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

最新推荐文章于 2020-04-29 10:10:04 发布

转载最新推荐文章于 2020-04-29 10:10:04 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/maojiayan/p/4864560.html

文章标签：

#javascript #ViewUI

本文介绍了一种解决datagrid中行号列与checkbox列融合的问题的方法。通过在onLoadSuccess事件中添加特定代码，实现了行号与复选框的正确分离。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

症状如图：

上图中，行号列与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);
                  }
              }