Start Building Professional
Web Apps Today

Hide/Show attached header (Filter) Row

Is there a way to hide the entire header row that the filters are attached to?

I have tried:

var row = grid.hdr.rows[2];
row.style.display = "none";

it hides the row just fine, but the grid doesn't move up to fil in the space to there is just blank space. How can I remove that header and have the grid move up?

You can use

var row = grid.hdr.rows[2];
row.style.display = "none";
grid.setSizes()

setSizes command normalize size of grid after its container or any part of it was changed by direct dom manipulations.