style FilterRow in SfDataGrid

[vitalii]

Hi!

How can I change the FilterRow (in SfDataGrid) style?

Regards,

Vitalii

[Jai Ganesh S]

Hi Vitalii, 

 

You can change the FilterRow style by wring the style for FilterRowControl like below, 

 

Code Example: 

 

<Window.Resources> 

    <Style TargetType="Syncfusion:FilterRowControl"> 

        <Setter Property="Background" Value="LightBlue"/> 

    </Style> 

</Window.Resources> 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/155819/ze/SfGridDemo-291475873 

 

Regards, 

Jai Ganesh S 

[vitalii]

Hi Jai,

Thanks for your reply.

How can I increase the height FilterRow?

This code not worked:

<Style TargetType="syncfusion:FilterRowControl"> 

        <Setter Property="Height" Value="100"/>
</Style>

As I understand, it is necessary to increase the height for FilterRow somewhere in the parent element.

Regards,

Vitalii

[Sivakumar R]

Hi Vitali, 

 

Your requirement can be achieved by handling QueryRowHeight event as in the below code snippet, 

 

using Syncfusion.UI.Xaml.Grid; 

using Syncfusion.UI.Xaml.Grid.Helpers; 

 

this.datagrid.QueryRowHeight += datagrid_QueryRowHeight;    

 

void datagrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) 

{ 

    if (this.AssociatedObject.IsFilterRowIndex(e.RowIndex)) 

    { 

        e.Height = 60; 

        e.Handled = true; 

    } 

} 

 

Thanks, 

Sivakumar 

[vitalii]

Hi Sivakumar,

AssociatedObject is not available.

May be your answer about the GridDataControl?

My question is about SfDataGrid (not GridDataControl)

Regards,

Vitalii

[Sivakumar R]

Hi Vitalii, 

 

Sorry for the inconvenience. Find the modified code snippet below, 

 

using Syncfusion.UI.Xaml.Grid;  

using Syncfusion.UI.Xaml.Grid.Helpers;  

  

this.datagrid.QueryRowHeight += datagrid_QueryRowHeight;     

  

void datagrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e)  

{  

    if (this.datagrid.IsFilterRowIndex(e.RowIndex))  

    {  

        e.Height = 60;  

        e.Handled = true;  

    }  

}  

 

Thanks, 

Sivakumar 

[vitalii]

Hi, Sevakumar

Your last example does not work for me ((.

datagrid is not avaliable.

My code:

using Syncfusion.UI.Xaml.Grid;
using Syncfusion.UI.Xaml.Grid.Helpers;
public class MyDataGrid: SfDataGrid
{
   public MyDataGrid()
   {
       QueryRowHeight += PfDataGrid_QueryRowHeight;
   }
   void PfDataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e)
   {
      if (this.datagrid.IsFilterRowIndex(e.RowIndex))        //cannot resolve datagrid 
      {
      }
 
      if (datagrid.IsFilterRowIndex(e.RowIndex))             //cannot resolve datagrid 
      {
      }
 
      if (this.GetDataGrid().IsFilterRowIndex(e.RowIndex))   //GetDataGrid() always null
      {
      }
   }
}

Regards,
Vitalii

[Sivakumar R]

Hi Vitalii, 

We have prepared sample based on your requirement. Please find the sample from the below location. 

http://www.syncfusion.com/downloads/support/forum/123860/ze/FilterRowHeight-1593965669 

Thanks, 

Sivakumar 

[vitalii]

Hi, Sivakumar,

Your last example helped me.  )))

Thank you.

Regargs,

Vitalii

[Jai Ganesh S]

Hi Vitalii, 

 

Thank you for the update. 

 

Please let us know if you need further assistance on this. 

 

Regards, 

Jai Ganesh S