fastadmin固定表格某一列的方法

it2025-09-05  43

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.修改样式使之靠右

最新回复(0)