Skip to content
DATA · COMPLETE

DataGrid

One grid for the tables your users live in: sort, filter, group, edit and export.

One grid for the tables your users live in. Sort by several columns, filter by typed conditions or value lists, group, page, edit rows and cells with validation, and export. With a data provider it works against a server, so very large tables stay fast.

Why it helps

  • Sorting, filtering and grouping
  • Row and cell editing with validation and undo
  • Server data and export to CSV, JSON and Excel

Where it fits

  • Back-office lists with thousands of rows
  • Editable price lists and inventories
  • Reports your users can filter and export themselves

Example

<DataGrid Items="SampleData.People" PageSize="6" Striped ValueFilters Label="People">
    <Columns>
        <DataGridColumn Title="Name" Value="@(p => p.Name)" />
        <DataGridColumn Title="Department" Value="@(p => p.Department)" />
        <DataGridColumn Title="Age" Value="@(p => p.Age)" Align="TextAlign.Right" Width="6rem" />
    </Columns>
</DataGrid>

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation