jquery引导网格如何隐藏列

如何在启动网格中隐藏列

我试图像这样隐藏ID列：

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

令牌

你需要这样写

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

请阅读此处的详细信息，

---

这将在将来帮助某人。我通过提供一个链接作为答案发布，因为有时我们不会阅读评论部分。
答复

{
黑头先生
{
显示：无
}
HideCol先生
{
显示：无
}
身份证件
使用者

这将简单地隐藏不从DOM中删除的列

可选

方法1.将Bootgrid更新为1.3版，并 设置“数据可见”

Id

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

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");
    }
});

方法2（旧版本） 使用Jquery触发隐藏/显示列工具

 <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>

身份证1
id_col2
身份证号码3

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

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");
    }
});

var check\u first\u load=0；//-->用于设置默认列。
$（“#网格保留选择”）.bootgrid({
阿贾克斯：没错，
职位：职能（）
{
返回{
id:“xx”
};
},
url:“api/data/xx.php”，
格式化程序：{
“命令”：功能（列、行）
{
返回“xxx”；
}
}
，标签：{
结果：“我的结果在哪里？”
}
}).on（“loaded.rs.jquery.bootgrid”，函数（）
{
//-->设置默认隐藏列。
如果（首先检查负载==0）{
检查_first_load++；
$（'input[name=id_col1]'）。触发器（“单击”）；
$（'input[name=id_col2]'）。触发器（“单击”）；
$（'input[name=id_col3]'）。触发器（“单击”）；
}
});

这看起来像是从DOM中完全删除了列，而不是简单地隐藏它。@TimKelly是的，我认为这不是正确的行为。将某些内容设置为不可见并不等于完全删除/删除它。无论如何，我想要一个不可见的列作为我的ID，因为这会使tr的

数据dow ID

无法显示从我的ID列中获取ID值，我可以实现我想要的。根据我的经验，是…假设您有5个列，称为ID、用户、标题、描述、日期，您希望隐藏ID和用户。然后单击“编辑”，标题输入中显示的是日期，说明和日期为空。我没有找到一种简单的方法来避免这种情况。正如TimKelly所说，它似乎被完全从DOM中删除。这只是隐藏列，但下拉菜单仍然显示复选框。这样我如何解决这个问题：$（'input[name=xxx]'）。触发器（“单击”）；xxx是您的“数据列id”在表中命名为“th”。然后我将代码放在bootgrid的事件加载中，在第一次加载pange html时只检查一个进程。最后，我为

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");
    }
});