showColumnBatch

shows or hides a group of columns

void showColumnBatch(string| number batch,boolean preserve);

batch

string| numberthe batch name preserve

booleanhides a batch; controls behavior of other batches

Example

var grida = webix.ui({
    view:"datatable",
    visibleBatch:1,
    columns:[
        { id:"id",  header:"#", css:"rank",  batch:2,   width:50},
        { id:"title", header:"Film title", fillspace:true },
        { id:"year",  batch:1,  header:"Released" , width:80},
        { id:"category", header:"Category", batch:1},
        { id:"votes", batch:3, header:"Votes",  width:100},
        { id:"rating", batch:3, header:"Rating", width:100},
        { id:"rank", batch:2, header:"Rank", css:"rank", width:50}
    ]
});    
 
//show id, rank
grida.showColumnBatch(2);
 
//show votes, rating
grida.showColumnBatch(3);

Related samples

column batches

Details

Preserve mode offers three possibilities:

not defined - the desired group is shown, other groups are hidden. Only one group is visible at a time;
true - the desired group is shown, other groups preserve their state (hidden or visible);
false - the desired group is hidden, other groups preserve their state (hidden or visible).

See also

Articles

Configuring Columns

Back to top

If you have not checked yet, be sure to visit site of our main product Webix javascript framework and page of datagrid in html5 product.