showColumnBatch

shows or hides a group of columns

void showColumnBatch(string| number batch,boolean preserve);
batchstring| numberthe batch name
preservebooleanhides 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

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 js framework and page of tree table product.