1.2.0之前的操作方法
一. 其他插件,这边只是提供一个修改方法 灵活固定
1.插件fixed-table-body-columns,插件地址
链接: https://pan.baidu.com/s/1P5gyATOHI5bRkgvjL234EQ 密码: ufvs
2.取出里边的两个文件
3.将文件放入项目中
4.将插件引入文件require-backend.js中
'bootstrap-table-fixed-columns': {
deps
: ['bootstrap-table','css!../css/bootstrap-table-fixed-columns.css'],
exports
: '$.fn.bootstrapTable.defaults',
},
5.对应自己的js文件中引入插件并使用插件
fixedColumns
: true,
fixedNumber
: 1,
fixedNumberWidth
:120,
我这边固定的是右侧的 固定左侧的就把下面四 中的right
:0 去掉即可 (两个哦
)
二. 锁定最右边的一列
1.克隆我需要的那一行的表头eq(-1)
var that
= this, $trs
= this.$header
.find('tr').eq(0).find('th:eq(-1)').clone();
2.只克隆最后一列的内容
$tr
.append($tds
.eq(-1).clone());
3.用到了fixedNumberWidth自定义的参数
this.$fixedHeader
.width(that
.options
.fixedNumberWidth
+ 1).show();
4.修改样式使之靠右