Table

// Default Table
@table.Table(table.Config{
    Columns: []table.Column{
        {Key: "id", Label: "CustomerID"},
        {Key: "name", Label: "Name"},
        {Key: "email", Label: "Email"},
        {Key: "membership", Label: "Membership"},
    },
    Rows: rows,
})

// Sortable Table (HTMX)
@table.Table(table.Config{
    ID:           "sortable",
    HTMXEndpoint: "/api/components/table/rows",
    Columns: []table.Column{
        {Key: "id", Label: "CustomerID", Sortable: true},
        {Key: "name", Label: "Name", Sortable: true},
        {Key: "email", Label: "Email"},
        {Key: "membership", Label: "Membership", Sortable: true},
    },
    SortBy:  "id",
    SortDir: table.SortAsc,
    Rows:    rows,
})

// Lazy-Loaded Table (HTMX)
@table.Table(table.Config{
    ID:           "lazy",
    HTMXEndpoint: "/api/components/table/rows",
    LazyLoad:     true,
    Columns:      columns,
})

// Paginated Table
@table.Table(table.Config{
    ID:           "paginated",
    HTMXEndpoint: "/api/components/table/rows",
    Columns:      columns,
    Rows:         rows,
    Pagination:   &table.PaginationConfig{CurrentPage: 1, TotalPages: 4, PerPage: 3},
})

// Infinite Scroll Table
@table.Table(table.Config{
    ID:           "infinite",
    HTMXEndpoint: "/api/components/table/rows?variant=infinite",
    Columns:      columns,
    Rows:         rows,
    Pagination: &table.PaginationConfig{
        Mode:            table.PaginationInfiniteScroll,
        CurrentPage:     1,
        PerPage:         3,
        HasMore:         true,
        ContainerHeight: "300px",
    },
})