Bootstrap-table：预填充列选择按钮：少数已选择，大多数未选择

Question

我想渲染一个引导表页面，并且数据集有相当多的列。然而，在页面加载时，我只想显示几列（2 或 3）列，但将其他列“保留”。

这是一个 GUI 模型来展示我的意思：

崩溃了

按钮展开：

这里我点击“Toogle all”取消选择所有，然后手动选择前 3 个。

我想在页面加载时选择 3 个。是否已经有一个设置或选项可以用来实现此目的？
用户应该看到一个简单的表格，只有高级用户才会单击按钮并添加更多内容，然后进行水平滚动、更改列选择等

Answer 1

回答我自己的问题，因为我无法真正撤销或删除它。

这个问题是 2017 年的这个问题的重复。 这个问题已经有一些替代答案了。

对于我的用例来说，遵循已接受的答案就足够了。建议将这些 HTML 数据属性放入

tr

元素的

thead

中：

 <td data-visible="false" ...>

这是最简单的解决方案，并且适用于小型表，并且如果您对表生成和列选择过程有绝对的控制权。

以这种方式禁用的列仍然可以通过使用

data-show-columns="true"

和

data-show_columns-toggle-all="true"

创建的“选择列”按钮使用。

在更复杂的场景中，它可能效果不太好，例如当您需要通过 DOM 访问隐藏列时。详情请看这里