datagrid表头与数据列宽度不对齐_easyui datagrid表头分组内容和表头对不齐解决办法...

当EasyUI DataGrid使用表头分组后,可能出现内容行与表头对齐的问题。解决方案是在`onLoadSuccess`事件中,根据表头定位的div重新设置内容行第一行的宽度,以确保对齐。提供的代码示例展示了如何实现这一修复。
摘要由CSDN通过智能技术生成

easyui datagrid表头分组分组后,有可能导致内容行和表头对不齐的情况,可能是easyui datagrid对太复杂的表头计算出问题。

解决办法:依据表头定位用的div重新设置内容行的第一行的宽度进行重新定位。

效果图如下

ff7df602e2ddbb9987efe5718b63d9bf.png

easyui datagrid表头分组分组后,导致内容行和表头对不齐的情况

543c2bfb40683a7ba82c4143715637e8.png

onLoadSuccess事件中重新设置内容行宽度和表头一致效果

easyui datagrid表头分组内容和表头对不齐解决办法源代码如下

var cols = [[

{ "colspan": "2", "rowspan": "2", "title": "2013年底预计风电并网容量" },

{ "colspan": "5", "title": "项目追踪法" },

{ "colspan": "2", "title": "趋势外推法"}],

[{ "field": "上月底风电并网容量

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值