引导表:如何隐藏列而不从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。
回答 4
Stack Overflow用户
回答已采纳
发布于 2018-03-12 21:10:39
最好的选择是
更改数据字段以添加类
<th class="col-xs-1" data-class='hidden' data-field="stargazers_count">Stars</th>当然，隐藏类的css
.hidden{
display:none;
visibility:hidden;
}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用户
发布于 2020-10-20 21:26:51
我解决了这个问题，将类d-没有一个引导程序放在我想要隐藏但不想从DOM中消失的headdings和cels中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49244153
复制相关文章
相似问题
腾讯云开发者
