Basic Example

Data Grid

This example is a usecase of a common data grid. It has pagination, some filters, and some sorting.

Sorting

Sorting is assumed by default so on RfDgHeader the parameter AllowSorting must be set to false otherwise the component will require SortKey.

Filtering

Filtering is done outside of the RfDataGrid. However the data grid can turn off filtering via RfDataGrid.AllowFilters = false.

To render a column with no filter use either RfDgFilterNone or just create an empty th.

Pagination

Pagination is off by default. To add pagination set RfDataGrid.PageSize to something greater than 0.

Total Count

Regardless of pagination, TotalCount is still shown. Make sure to set it when setting the data.

An unhandled error has occurred. Reload 🗙