若依Bootstrap版本--冻结列无效问题

零幺君

于 2022-02-19 19:20:09 发布

阅读量2.8k

点赞数 10

分类专栏：若依文章标签： bootstrap vue.js 前端

本文链接：https://blog.csdn.net/codeMan_Father/article/details/123022164

版权

若依专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何在Bootstrap表格中启用列冻结功能，通过设置`fixedColumns`和`fixedNumber`属性实现列冻结，并探讨了当列未超出屏幕时可能出现的无效情况。作者尝试通过缩小浏览器窗口和增加列数来触发效果，最终成功。同时，文章提到尚未找到修改被冻结列宽度的方法，并期待社区的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引入js文件

<th:block th:include="include :: bootstrap-table-fixed-columns-js" />

如图：

2.设置冻结参数：

fixedColumns:true,  //默认为false禁用冻结列，设为true启用冻结列
fixedNumber:1, // 从右边开始数，冻结的列数
fixedRightNumber:2, // 从右边开始数，冻结的列数

和columns 同级别。千万不要放错位置

效果：

3.无效情况说明

这时效果并没有出现，按照官方回复是因为，列没有超出屏幕。

缩小浏览器屏幕：没用

创建很多重复列： 有用。

4.修改 “被冻结列” 的宽度

还没有找到，希望找办法的兄弟给个回复