bootstrap-table列拖动,重新加载列拖动无效

本文介绍了一个关于bootstrap-table的常见问题,即在使用列拖动插件后,重新加载表格时列拖动功能失效的情况。通过修改bootstrap-table-resizable.js文件中的destroy方法,可以在表格重新加载后保持列拖动功能有效。

bootstrap-table列拖动,重新加载列拖动无效
公司项目有一个需求,就是允许bootstrap表格的列可以拖动,使用bootstrap列拖动的插件发现,当表格重新加载的时候,列拖动无效
1.引入js 可在http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/下载
在这里插入图片描述
2.增加属性resizeable:true
在这里插入图片描述这样就可以拖动列,但是当表格重新加载时,列拖动无效,解决办法:
在bootstrap-tabel-resizable.js中增加以下内容:

const _destroy = BootstrapTable.prototype.destroy
BootstrapTable.prototype.destroy = function (…args) {
const that = this
_destroy.apply(this, Array.prototype.slice.apply(args))
if (this.options.resizable) {
destroy(this)
}
}
到此重新加载表格列拖动失效的问题就解决了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值