We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

TreeGrid Column Menu missing Filter feature per documentation?

FYI, this document page states the "Filter - Filter option is shown to filter the current column."  However, in the demo there is no on/off to show the filter in the popup menu. We would really like to have that feature as the showing of the filter boxes is intrusive to show all the time. So having a trigger to trun them on and off in the popup menu would be awesome!


1 Reply

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team January 17, 2020 04:13 PM UTC

Hi Scott, 

Thanks for contacting Syncfusion Support. 

Query#:- FYI, this document page states the "Filter - Filter option is shown to filter the current column."  However, in the demo there is no on/off to show the filter in the popup menu.  

We have checked your query and if you want to show Filter popup you need to enable allowFiltering property and required FilterType in FilterSettings property of the TreeGrid. So that Filter icon will be displayed on ColumnMenu List. 

<EjsTreeGrid ID="TreeGrid" @ref="TreeGrid" DataSource="@TreeData" IdMapping="TaskID" ParentIdMapping="ParentID" TreeColumnIndex="1" ShowColumnMenu="true" AllowFiltering="true" AllowSorting="true" AllowPaging="true" AllowRowDragAndDrop="true" Toolbar="Toolbaritems"> 
                <TreeGridEvents TValue="string" OnToolbarClick="ToolBarClick" RowSelected="RowSelect"></TreeGridEvents> 
                <TreeGridEvents TValue="SelfReferenceData"></TreeGridEvents> 
                <TreeGridPageSettings PageSize="2"></TreeGridPageSettings> 
                <TreeGridFilterSettings Type="Syncfusion.EJ2.Blazor.TreeGrid.FilterType.Menu"></TreeGridFilterSettings> 
                <TreeGridColumns> 
                    <TreeGridColumn Field="TaskID" HeaderText="Task ID" IsPrimaryKey="true" Width="80" TextAlign=" Syncfusion.EJ2.Blazor.Grids.TextAlign.Right"></TreeGridColumn> 
                    <TreeGridColumn Field="Duration" HeaderText="Duration" Width="100" TextAlign=" Syncfusion.EJ2.Blazor.Grids.TextAlign.Right" AllowFiltering="false"></TreeGridColumn> 
               </TreeGridColumns> 
            </EjsTreeGrid> 

Refer to the sample Link:- 

If you want to turn them on/off you can disable it by setting allowFiltering false for the corresponding column.  

Refer to the screenshots:- 
 

Please get back to us if you need any further assistance on this. 

Regards, 
Farveen sulthana T 


Loader.
Live Chat Icon For mobile
Up arrow icon