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();