showColumnBatch

shows or hides a group of columns

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

Parameters

batchstring| numberthe batch name
preservebooleanhides a batch; controls behaviour of other batches

Example

var grida = new 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

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