How to search in datagrid
It seems like the docs are describing some props that don't exists formSearchProps, so if not with that, how do I filter the table based on a search query?
KHi @JuicyBenjamin. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. 
K----------------------
To search or filter a DataGrid in refine, you can use the hook along with its function. The documentation doesn't mention , so you're correct that it's not the correct approach. Here's how you can implement search functionality:
Here's a complete example of how you can implement search in a DataGrid:
To search or filter a DataGrid in refine, you can use the hook along with its function. The documentation doesn't mention , so you're correct that it's not the correct approach. Here's how you can implement search functionality:
- Use the hook to get the necessary props and functions:
- Create a search input and a function to handle the search:
- Add the search input to your component:
Here's a complete example of how you can implement search in a DataGrid:
KThis approach allows you to filter the DataGrid based on a search query. The function updates the filters, which in turn triggers a new data fetch with the applied filters.
For more detailed information on filtering in DataGrid, you can refer to the following resources:
----------------------
Note: you can ask me a follow up question by @ mentioning me again
----------------------
For more detailed information on filtering in DataGrid, you can refer to the following resources:
- Filtering documentation for useDataGrid hook
- Controlled filtering example in MUI DataGrid with refine
----------------------
Note: you can ask me a follow up question by @ mentioning me again
----------------------
K@167296048367140864 Kapa.ai is still learning and improving, please let me know how I did by reacting below.
V@kapa.ai It seems that this makes a new request to the backend with the filters in the url, is there a way to just handle the filtering client side if the backend has returned all data already?
KLet me check the knowledge base for you again. One moment! 
K----------------------
Yes, you can handle the filtering on the client side if the backend has already returned all the data. To achieve this, you need to set the to "off" in the hook. This will disable server-side filtering and allow you to filter the data on the client side.
Here's how you can modify your code to implement client-side filtering:
In this updated code:
Yes, you can handle the filtering on the client side if the backend has already returned all the data. To achieve this, you need to set the to "off" in the hook. This will disable server-side filtering and allow you to filter the data on the client side.
Here's how you can modify your code to implement client-side filtering:
In this updated code:
- We set to "off" in the hook to disable server-side filtering.
- We use a local state to store the search input value.
- We create a variable using to filter the rows based on the search term.
- We pass the to the component instead of using the default .
KThis approach allows you to filter the data on the client side without making additional requests to the backend.
For more information on client-side filtering, you can refer to the following resources:
These resources provide additional context on how to implement client-side filtering in refine's DataGrid component.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
----------------------
For more information on client-side filtering, you can refer to the following resources:
These resources provide additional context on how to implement client-side filtering in refine's DataGrid component.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
----------------------
K@167296048367140864 Kapa.ai is still learning and improving, please let me know how I did by reacting below.