默认情况下在SlickGrid中禁用列

Question

如果在slickgrid中默认禁用了列，那么Iv'e一直在四处查看，但没有找到（这非常明显的功能？）。

例如我有以下电网：

Name Age  City  Nickname 

祝例如，要禁用city列，只有当用户进入自定义列选择器使其可见，并启用它。

感谢

Answer 1

后SlickGrid的快速RTFM我认为最简单的方法是只操纵它的类与JS/JQ - 你可以在开发者工具看到每列和行具有定义的行和列类：

<div class="ui-widget-content slick-row even" style="top:0px"><div class="slick-cell l0 r0">Task 0</div><div class="slick-cell l1 r1">5 days</div><div class="slick-cell l2 r2">92</div><div class="slick-cell l3 r3">01/01/2009</div><div class="slick-cell l4 r4">01/05/2009</div><div class="slick-cell l5 r5">true</div></div> 
<div class="ui-widget-content slick-row odd" style="top:25px"><div class="slick-cell l0 r0">Task 1</div><div class="slick-cell l1 r1">5 days</div><div class="slick-cell l2 r2">35</div><div class="slick-cell l3 r3">01/01/2009</div><div class="slick-cell l4 r4">01/05/2009</div><div class="slick-cell l5 r5">false</div></div> 

来源：http://mleibman.github.io/SlickGrid/examples/example1-simple.html

因此，它应该是很容易的:)

Answer 2

我所做的这样。

var org_columns = [],hid_columns = []; 
org_columns.push(
cb_selector.getColumnDefinition(), 
{id: "id", name: "ID", field: "id", sortable: true, width: 56}, 
{id: "name", name: "Name", field: "name", editor: Slick.Editors.Text, sortable: true, width: 234}, 
{id: "email", name: "Email", field: "email", editor: Slick.Editors.Text, sortable: true, width: 234} 
); 

hid_columns.push(
cb_selector.getColumnDefinition(), 
{id: "name", name: "Name", field: "name", editor: Slick.Editors.Text, sortable: true, width: 234}, 
{id: "email", name: "Email", field: "email", editor: Slick.Editors.Text, sortable: true, width: 234} 
); 
var data_view = new Slick.Data.DataView(); 
grid = new Slick.Grid("#grid", data_view, hid_columns, grid_options); 
var columnPicker= new Slick.Controls.ColumnPicker(org_columns, grid,grid_options); 

Answer 3

后期答案的种类，但创建列选择器控制时，你可以通过在另一个数组对象。

var defaultColumns = [ 
{id: "1", name: "1st Column" field: "Name"}, 
{id: "2", name: "2st Column" field: "Age"} 
], 
allColumns = [ 
{id: "1", name: "1st Column" field: "Name"}, 
{id: "2", name: "2st Column" field: "Age"} 
{id: "3", name: "3st Column" field: "Gender"}, 
{id: "4", name: "4st Column" field: "Status"} 
]; 

//create grid and pass in defaultColumns 
grid = new Slick.Grid("#List", dataView, defaultColumns, options) 

//create the column control and pass in the allColumns 
columnpicker = new Slick.Controls.ColumnPicker(allColumns, grid, options, "#List"); 

这将使用默认列初始化网格，并将控件设置为包含所有可用的列。它看起来不像slickgrid维基包含列选取器控制的正确文档，我只知道，因为我不得不深入代码并添加一个按钮来重置视图。

必填项ref link：https://github.com/mleibman/SlickGrid/wiki/Slick.Grid