Minimal Example

Data Grid

This example is a usecase of a near raw html table. It still provides the option to improve upon the functionality as needed.

Headers

As with cells, filters, etc. RfDgHeader can be replaced with a simple th element.

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 🗙