Skip to content

showColumnBatch

shows or hides a group of columns

function showColumnBatch(
// number the batch name
batch: string|,
// hides a batch; controls behavior of other batches
preserve: boolean
): void
var grida = webix.grid({
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);

also check the next sample:

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

Articles