bootstrap-table在移动视图中隐藏列

Question

我有一个复选框列，它只能在桌面上显示，而不能在移动设备或选项卡上显示。

文档中没有可用的选项来隐藏/显示基于设计的任何列。

我们可以这样做吗？

Answer 1

使用hideColumn()方法隐藏所需的列，并在视口移动到视口时通过JavaScript或JQuery触发它。

这是你的问题的相关问题，例如： https://github.com/wenzhixin/bootstrap-table-examples/blob/master/issues/220.html

Answer 2

我觉得visible和cardVisible选项可帮助您：http://bootstrap-table.wenzhixin.net.cn/documentation/#column-options。

Answer 3

您可以使用以下

hidden-sm : Hidden on small devices (Tablets (>= 768 px)) 
hidden-xs: Hidden on extra small devices (Phones (<768 px)) 

例如

<th class="hidden-xs hidden-sm">Your Column</th> 

<td class="hidden-xs hidden-sm">Value </td>