Tabler Tables

Tabler tables integrate with the Tabler UI kit for consistent admin panel styling.

Basic Usage

doc.Body.Page(page => {
    page.Card(card => {
        card.Header(header => header.Title("Users"));
        card.Body(body => {
            body.Table<User>(users, table => {
            table.WithStriped()
                 .WithHover();
        });
        });
    });
});

Tabler Table Styles

Tabler tables inherit the Tabler design system, providing consistent look and feel when used alongside other Tabler components like cards, badges, and buttons.

Combining with DataTables

You can use DataTables functionality with Tabler styling by using DataTables within a Tabler page layout:

doc.Body.Page(page => {
    page.Table<User>(users, table => {
        table.EnableSearch()
             .EnablePaging(25);
    });
});