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

最新推荐文章于 2021-11-30 16:41:19 发布

转载最新推荐文章于 2021-11-30 16:41:19 发布 · 344 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了如何在datagrid的onLoadSuccess事件中通过修改DOM元素属性来解决行号列与checkbox融合的问题，确保数据网格显示正常。

摘要生成于 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);
                    }
                }

关注博主即可阅读全文