GridControl

Sortable, filterable, groupable data grid. Click a header to sort, drag to reorder, right-click for menu.

Drag a column header here to group by that column

ID	Name	Department	Role	Salary	Hire Date

1	Avery Chen	Engineering	Senior Engineer	$145,000	3/14/2021
2	Blake Rivera	Engineering	Engineer	$98,000	6/1/2023
3	Casey Patel	Engineering	Lead	$172,000	9/22/2019
4	Drew Yamamoto	Design	UX Designer	$112,000	1/9/2022
5	Elliot Marquez	Design	Senior Designer	$131,000	8/3/2020
6	Finley Okafor	Product	PM	$125,000	11/15/2022
7	Gray Solberg	Product	Senior PM	$154,000	4/28/2018
8	Hayden Lin	Sales	AE	$92,000	2/5/2024
9	Indigo Brooks	Sales	Senior AE	$118,000	7/17/2021
10	Jess Wakefield	Marketing	Manager	$108,000	12/2/2020

Other Grid Demos

Markup

<GridControl TValue="Person" DataSource="@_people"
             AllowSelection="true" AllowSorting="true"
             AllowFiltering="true" AllowGrouping="true"
             AllowResizing="true" EnableHover="true" Height="420px">
    <GridColumnsBase>
        <GridColumn Field="Id"         HeaderText="ID"         Width="60px"
                    Type="ColumnType.Number" TextAlign="TextAlign.Right" />
        <GridColumn Field="Name"       HeaderText="Name"       Width="160px" />
        <GridColumn Field="Department" HeaderText="Department" Width="160px" />
        <GridColumn Field="Role"       HeaderText="Role"       Width="160px" />
        <GridColumn Field="Salary"     HeaderText="Salary"     Width="120px"
                    Type="ColumnType.Number" Format="C0" TextAlign="TextAlign.Right" />
        <GridColumn Field="HireDate"   HeaderText="Hire Date"  Width="120px"
                    Type="ColumnType.Date" Format="d" />
    </GridColumnsBase>
</GridControl>