天天看点

关于jqGrid使用二级表头拖拽导致表头错位问题解决

问题描述 在使用jqGrid跟bootstrap搭配使用时会出现如下问题

关于jqGrid使用二级表头拖拽导致表头错位问题解决

经过查看样式不难发现是由于设置了二级表头增加了如下这样一个表单行造成其表头错位的问题。

关于jqGrid使用二级表头拖拽导致表头错位问题解决

经过对比表头宽度跟表体宽度对比分析 发现拖动后 他们两者之间的宽度相差12px ,为此我们可以修改其js源码

关于jqGrid使用二级表头拖拽导致表头错位问题解决

这样就能解决在拖拽时错位的问题;但是还存在一个问题就是在改变窗体大小的时候表头宽度不能自适应,为解决这个问题,可以在需要二级表头的页面添加如下js代码

关于jqGrid使用二级表头拖拽导致表头错位问题解决

先销毁已经创建的表头,然后在创建新的表头即可。

继续阅读