引导表:如何隐藏列而不从DOM中删除它？
引导表:如何隐藏列而不从DOM中删除它？
提问于 2018-03-12 20:47:00
我在引导表插件：https://github.com/wenzhixin/bootstrap-table上有问题
我需要隐藏的表中有一个隐藏的ID列。但我做不到
<th data-field="id" data-visible="false">ID</th> 因为这会从DOM中删除它。我需要将ID保留在DOM中，因为它用于表单提交。只是需要藏起来。
这也不起作用，我的样式丢失了，列也不存在：
<th data-field="id" style="display:none;>ID</th>我甚至不能使用jQuery来手动隐藏列！换句话说，我在onPostBody之后尝试了下面的操作，而且它也从未发射过！
<table id="delegateTable" data-toggle="table" data-url="delegates.action"
data-response-handler="delegatesResponseHandler">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="delegate" style="width:10%">Delegate</th>
</thead>
</table>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。
Stack Overflow用户
发布于 2018-03-12 21:03:00
你几乎是正确的，问题是你的jQuery选择器是错误的。
Css的: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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49244153
复制相关文章
相似问题
腾讯云开发者
