如何冻结表格

1、冻结列

表格初始化中添加以下两个属性参数

fixedColumns: true,
fixedNumber: 10, //冻结几列

2、冻结行

表格外层添加div层避免表格数据错乱问题

表格内容

参考:

style="overflow-y:hidden;" 禁用右侧滚动条,主要为解决当前页加载过多时右侧出现滚动条,导致无法锁定表头问题。

表格初始化中添加高度参数height: 700,

以上同时添加可以解决表格行列冻结问题

关于bootstrap--表格(table的各种样式)

1、table-striped:斑马线表格

2、table-bordered:带边框的表格

3、table-hover:鼠标悬停高亮的表格

4、table-condensed:紧凑型表格(单元格的内距由8px调至5px。)

5、table-responsive:响应式表格(当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时,表格底部水平滚动条就会消失)

6、.table”主要有三个作用:

☑ 给表格设置了margin-bottom:20px以及设置单元内距

☑ 在thead底部设置了一个2px的浅灰实线

☑ 每个单元格顶部设置了一个1px的浅灰实线