JqGrid的表头的总是和下面的数据行错位,尤其在一些列的表头宽度被拖动以后,错位就更大了。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JqGrid的表头的总是和下面的数据行错位,尤其在一些列的表头宽度被拖动以后,错位就更大了。相关的知识,希望对你有一定的参考价值。

怎么才能不错位,以及数据行的列宽随着表头一起变动?试过搜到的很多做法都没有效果,比如设置autowidth:true,或者换浏览器。图里是效果和代码。

参考技术A autowidth: true,

jqgrid 分组,线条错位

如图,列不断增加,则线条错位越严重!!怎么解决!!!

  类似于Sql语句的Group By,Jqgrid提供了属性实现数据分组,这样表现数据会显得比较直观。先上个效果图:

  从图上我们可以很直观的看出,数据是根据家庭住址分的组,并且能够很直观的看出每个分组里面有多少信息量。要实现这个功能并不难

grouping : true,// 是否分组,默认为false

groupingView :

groupField : [ 'address' ], // 按照哪一列进行分组

groupColumnShow : [ true ],// 是否显示分组列

groupText : [ '<b>0 - 1 条记录</b>' ],// 表头显示的数据以及相应的数据量

groupCollapse : false,// 加载数据时是否只显示分组的组信息

groupDataSorted : true,// 分组中的数据是否排序

groupOrder : [ 'asc' ],// 分组后的排序

groupSummary : [ true ],// 是否显示汇总.如果为true需要在colModel中进行配置

summaryType : 'max',// 运算类型,可以为max,sum,avg</div>

summaryTpl : '<b>Max: 0</b>',

showSummaryOnHide : true//是否在分组底部显示汇总信息并且当收起表格时是否隐藏下面的分组

复制代码以后,刷新页面就能看到效果了。

参考技术A 我原来也遇到过类似的情况,jqGrid表头合并也有这个问题,这个可能是你引用了多个css样式文件都对这里起了作用而造成的,你去掉某些样式文件试试,然后还可以在浏览器的样式监控里面调一下,如果可以,改下对应的样式就好了。本回答被提问者采纳

以上是关于JqGrid的表头的总是和下面的数据行错位,尤其在一些列的表头宽度被拖动以后,错位就更大了。的主要内容,如果未能解决你的问题,请参考以下文章

html+css grid中显示滚动条后,表格内容与表头有18px的偏移

word中表头与表分离,中间出现大片空白,位置错位

jqgrid 分组,线条错位

jQgrid使用问题,我加上下面的代码集出错。

解决layui-table复杂表头数据错位问题

jqgrid v5.0.1 列数多的时候 setGridWidth 表头和内容对不齐