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
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.
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.