jquery-bootgrid如何隐藏列

Question

如何隐藏引导网格上的列？

我试过像这样隐藏 ID 列：

<data-column-id="token" data-identifier="true" data-type="string"  visible="false">token<>

Answer 1

你需要这样写，

<data-column-id="token" data-identifier="true" data-type="string" data-visible="false">

在此处阅读详细信息， http://www.jquery-bootgrid.com/Documentation

Answer 2

这对以后的人有帮助。我通过提供 link 作为答案发布，因为有时我们不会阅读评论部分。
回答

<style>
 {
.HideColHead
{
display: none
}
.HideCol
{
display: none
}
</style>


<th data-column-id="ID" data-header-css-class="HideColHead" data-css-class="HideCol">ID</th>
<th data-column-id="User" data-header-css-class="HideColHead" data-css-class="HideCol">User</th>

这将简单地隐藏未从 DOM

中删除的列

Answer 3

可选。

方法 1. 将 Bootgrid 更新到 1.3 版本并设置 "data-visible"

<th data-column-id="Id" data-visible="false">Id</th>

//--------------------------------

方法二（旧版）使用 Jquery 触发 hide/show 列工具。

 <table id="grid-keep-selection" class="table table-condensed table-hover table-striped">
        <thead>
            <tr>
                <th data-column-id="id_col1" data-order="desc" data-width="4.3%">id_col1</th>
                <th data-column-id="id_col2" data-order="desc" data-width="4.3%">id_col2</th>
                <th data-column-id="id_col3"  data-order="desc" data-width="4.3%">id_col3</th>
            </tr>
        </thead>
    </table>

//---------------------------------------- ----

var check_first_load = 0; //--> for set default column.
$("#grid-keep-selection").bootgrid({
    ajax: true,
    post: function ()
    {
        return {
            id: "xx"
        };
    },
    url: "api/data/xx.php",
    formatters: {
        "commands": function(column, row)
        {
            return '<a> xxx </a>';
        }
    }
    ,labels: {
        noResults: "where are my results"
    }

}).on("loaded.rs.jquery.bootgrid", function()
{
    //--> for set default hiding column.
    if(check_first_load == 0){
        check_first_load++;

        $('input[name=id_col1]').trigger("click");
        $('input[name=id_col2]').trigger("click");
        $('input[name=id_col3]').trigger("click");
    }
});

jquery-bootgrid如何隐藏列

jquery-bootgrid how to hide column

jquery

jquery-plugins