Hide Filter Row

[Anumeha]

I need to hide my filter row but still enable filtering in the grid so that it can be controlled from outside the grid.
I was able to hide the filter row by using this js:

function

 

GridCreated(sender, args)
{

 

 

    sender.get_masterTableView().hideFilterItem();

 

}

However, the filter row flashes for a moment while the grid is rendering. Once the grid is rendered the row disappears. This flash of the filter row is bothering.

Could you tell me how to avoid this mometary display of the filter row.

[Dimo]

Hello Anumeha,

You can do the following:


<telerik:RadGrid  CssClass="HiddenFilter"  />


CSS

.HiddenFilter  .rgFilterRow
{
      display: none ;
}


JS

function GridCreated(sender, args)
{
    sender.get_masterTableView().hideFilterItem();
    Sys.UI.DomElement.removeCssClass(sender.get_element(), "HiddenFilter");
}


Regards,
Dimo
the Telerik team