Data Grid

Sortable, filterable, paginated data table. All logic client-side — no server roundtrip for sort/filter.

data data-grid

Usage

data.DataGrid(data.DataGridProps{
    ID:       "users",
    Search:   true,
    PageSize: 5,
    Columns: []data.DataGridColumn{
        {Key: "name",  Label: "Name",       Sortable: true},
        {Key: "role",  Label: "Role",       Sortable: true},
        {Key: "email", Label: "Email"},
        {Key: "status",Label: "Status",     Sortable: true},
    },
    Rows: []map[string]string{
        {"name":"Alex Chen","role":"Engineer","email":"alex@...","status":"Active"},
    },
})