Tables

HtmlForgeX supports multiple table implementations, each suited for different use cases.

Table Types

TypeLibraryFeatures
DataTablesjQuery DataTablesSorting, filtering, pagination, extensions
BootstrapBootstrap 5Simple styled tables
TablerTabler UIAdmin-style tables with Tabler styling

Quick Comparison

  • DataTables — Best for interactive data exploration with search, sort, and pagination
  • Bootstrap — Best for simple data display without interactivity
  • Tabler — Best when using Tabler UI kit for consistent admin panel styling

Basic Usage

All table types share a common pattern — pass your data and configure:

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

HtmlForgeX automatically extracts columns from your object's properties using reflection.

Next Steps