fastadmin固定表格某一列的方法

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

在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值