The Grid component supports searching data programmatically or using the value an end user types in the corresponding Search Panel editor.
The following plugins implement the searching feature:
Note that plugin order is important.
Import the plugins listed above to set up a Grid with basic searching.
In uncontrolled mode, specify the initial searching value in the SearchState
plugin's defaultValue
property.
In controlled mode, pass the search option to the SearchState
plugin's value
property and handle the onValueChange
event to control the search state externally.
The Grid component searches all columns, including those that are hidden using the TableColumnVisibility
plugin. To prevent a search through invisible columns, use the IntegratedFiltering
plugin's columnExtensions
property.
You can perform a search remotely by handling search value changes, generating a request, and sending it to the server.
Searching options are updated once an end user modifies the text in a Search Panel editor or other searching control. Handle search value changes using the SearchState
plugin's onValueChange
event and request data from the server using the applied searching options. Once the search data is received from the server, pass it to the Grid
component's rows
property.
NOTE: Do not use the IntegratedFiltering
plugin for remote searching.