Filter on side bar

Is there a filter on the sidebar for grid?

Like the picture attached.

Thanks

Fan


Attachment: Filtersidebar_87a24249.zip

1 Reply

RR Rajapandi Ravi Syncfusion Team August 29, 2022 12:59 PM UTC

Hi Fan,


Greetings from Syncfusion support


By default, in our EJ2 Grid there is not SideBar filter for the Grid, if you are having Sidebar component you can perform the Filter actions in the Grid externally in the programmatic way.


You can achieve your requirement by using filterByColumn method of Grid. It is used to apply filtering in the EJ2 Grid by programmatic way. 


filterByColumn: https://ej2.syncfusion.com/vue/documentation/api/grid/#filterbycolumn


 

  btnClick(args) { //sidebar click event

     // apply filter 

    this.grid.filterByColumn('ShipCountry', 'contains', 'fr'); // filterByColumn(field, operator, value) 

  } 

 


You can clear filtering, by using clearFiltering methods.


clearFiltering: https://ej2.syncfusion.com/react/documentation/api/grid/#clearfiltering


Regards,

Rajapandi R


Loader.
Up arrow icon