Bootstrap-Table：如何隐藏列而不从DOM中删除它？

我遇到了Bootstrap-Table插件的问题： https ： //github.com/wenzhixin/bootstrap-table

我需要隐藏的表中有一个隐藏的ID列。 但我做不到

ID 

因为它会从DOM中删除它。 我需要将ID保留在DOM中 ，因为它在表单提交中使用。 它只需要隐藏。

这也不起作用，我的样式丢失，列不存在：

 ID 

我甚至无法使用jQuery手动隐藏列！ 换句话说，我在onPostBody之后尝试了以下内容，它也从未解雇过！

 
 
 
 
ID
 
Delegate
 
  

jQuery Doc OnReady：

 $(document).ready(function() { // Hide column $('#delegateTable').bootstrapTable({ onPostBody : function() { $('#delegateTable td:nth-child(0), th:nth-child(0)').hide(); alert('column hidden'); } }); 

它永远不会达到onPostBody。

Answer 1

最好的选择是

更改数据字段以添加类

 Stars 

当然还有隐藏class级的CSS

 .hidden{ display:none; visibility:hidden; } 

https://jsfiddle.net/yhtgfawj/7/

Answer 2

你几乎做对了，问题是你的jQuery选择器是错误的。

Css’s :nth-child从0开始;）

这将有效：

 $('#delegateTable').bootstrapTable({ onPostBody : function() { $('#delegateTable').find('th:nth-child(1), tr td:nth-child(1)').hide(); alert('column hidden'); } }); 

看这个例子。

你也可以用CSS替换这个javascript：

 #delegateTable th:nth-child(1), #delegateTable tr td:nth-child(1){ display: none; } 

Answer 3

使该列的width:0; overflow:hidden; width:0; overflow:hidden; 这将隐藏列并仍然在DOM中。