如何在jsGrid中隐藏列？

Question

我在我的项目中使用jsGrid,现在我被困在这里隐藏在代码中使用但不应在页面中显示的列.

我使用的网格是:jsGrid

我试图采取输入控制,hidden但仍然无法正常工作.

以下代码定义了我为其中隐藏字段的网格列AccountID.但是,它不起作用.

码:

fields: [
        { name: "Account", width: 150, align: "center" },
        { name: "Name", type: "text" },
        { name: "AccountID", type: "hidden", width: 0}
    ]

Answer 1

由于v1.3 jsGrid字段有一个选项 visible

http://js-grid.com/docs/#fields

如果需要在运行时隐藏(或显示)字段,可以像下面这样完成:

$("#grid").jsGrid("fieldOption", "ClientName", "visible", false);

Answer 2

请尝试以下代码.

创建一个如下所示的CSS类

.hide
{
   display:none;
}

并将css属性分配给字段,如下所示

fields: [
    { name: "Account", width: 150, align: "center" },
    { name: "Name", type: "text" },
    { name: "AccountID", css: "hide", width: 0}
]

希望这会帮助你.

Answer 3

fields: [
{ name: "Account", width: 150, align: "center" },
{ name: "Name", type: "text" },
{ name: "AccountID", visible: false, width: 0}]