相关疑难解决方法(0)

Bootstrap-Table:如何隐藏一列而不从 DOM 中删除它?

我在使用 Bootstrap-Table 插件时遇到问题:https : //github.com/wenzhixin/bootstrap-table

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

<th data-field="id" data-visible="false">ID</th> 
Run Code Online (Sandbox Code Playgroud)

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

这也不起作用,我的样式丢失并且该列不存在:

<th data-field="id" style="display:none;>ID</th>
Run Code Online (Sandbox Code Playgroud)

我什至不能使用 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>
Run Code Online (Sandbox Code Playgroud)

jQuery 文档 OnReady:

$(document).ready(function() {

    // Hide column
    $('#delegateTable').bootstrapTable({
        onPostBody : function() {
            $('#delegateTable td:nth-child(0), th:nth-child(0)').hide();
            alert('column hidden');                 
        }
    });
Run Code Online (Sandbox Code Playgroud)

它甚至从未达到过 onPostBody。

jquery bootstrap-table

4
推荐指数
1
解决办法
7340
查看次数

标签 统计

bootstrap-table ×1

jquery ×1