jqgrid列和表头不对齐的问题

今天在做首页时没用使用表格的模板，结果jqgrid表出现了表头和列不对齐的情况

我很奇怪，于是跟其他正常的表格进行对比，发现有一个很奇怪的地方

正常对齐的表头

正常对齐的表格

可以看到正常的表头，width虽然是100px，但是实际上是92+5+2+1=100，表格也是95+2+2+1=100，所以是对齐的

而不对齐的表头是这样的

表格

所以就不对齐了，然而实际上这才是默认正常的。那么是什么属性改变了这一点呢？我采用排除法一个个试验属性。终于发现是bootstrap.min.css导致了这一差异，然后在chrome上调试，终于发现了这个属性

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

在谷歌浏览器中-webkit-box-sizing和box-sizing都是有效的，我估计这三个实际上是同一个东西，只是为了兼容性写了三个。

加上这个后，表格的宽度就变成了width+padding+border的和，很神奇

jqgrid列和表头不对齐的问题相关推荐

关于ant design table加scroll属性后列跟表头不对齐
class Home extends React.Component {render() {const dataSource = [{key: '1',name: '胡彦斌',age: 32,addr ...
Table固定列和表头
一.实现思路:表格数据中存在合并单元格,网上找了好多列子都没有实现.最后是把一个table拆分为两个table实现的,第一个table(table1)中是需要固定的列及表头(表头只固定前四列和时段流量 ...
JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式(转)
需求如下现有数据列三列 Name,Age,CreateDate 数据张三,18,2000-12-09 :12:34:56 李四,28,2000-12-09 :12:34:56 王麻子,38,200 ...
JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式
我使用的Jquery Easyui 1.2.6 需求如下现有数据列三列 Name,Age,CreateDate 数据张三,18,2000-12-09 :12:34:56 李四,28,2000-1 ...
jqgrid 列排序 php,jqGrid排序问题及解决办法
jqGrid数据表排序请看图中的"库存量"和"销售价",其排序并未按照常规的数字大小执行,而是按字符串的形式来排序了! 实际项目中,后台返回的JSON数据是按 ...
jqgrid实现多级表头
如图所示,实现jqgrid多级表头: 使用setGroupHeaders参数: $( "#gtgz_grid" ).jqGrid( 'setGroupHeaders' , { ...
html表格横向竖向滚动,利用纯css实现table固定列与表头中间横向滚动的思路和实例...
前言最近在做的后台管理系统要处理大量的表格,因为原项目是采用的for循环加拼接字符串的方式实现;导致js代码一大堆;各种单引号和双引号的嵌套;让人头疼;遂引入vue.js;用v-for做模板渲染;工 ...
jqgrid 列排序
两种实现方式: 1,客户端实现排序: jqGrid属性 loadonce:true时,所有数据加载在客户端,点击列标题由jqGrid在客户端自动排序,不再从服务器取值. 参考文件:ccMxCxTjCc ...
C# GridView 冻结列冻结表头
主要是这四个引用我的是复杂表头如果不是复杂表头 headerRows: 2 这个属性设置1即可 width: "100%", height: "480px" ...

jqgrid列和表头不对齐的问题

jqgrid列和表头不对齐的问题相关推荐

最新文章

热门文章