Skip to main content
Refine AI
RefineDocumentation
Version: 3.xx.xx
    Current Framework
    Headless

    6. Adding Sort and Filters

    In the previous Adding List Page section, we have displayed blog posts data in a table using the <DataGrid/>. This component includes built-in support for sorting and filtering, so you don't have to manually add these features.

    When you click arrow icons on the table header, it will sort the data by the column you clicked. You can also filter the data by clicking the menu icon on the table header and selecting the filter.

    TIP

    To see how the filtering and sorting work and more detail, you can refer to the useDataGrid documentation.



    Checklist