Tables
HtmlForgeX supports multiple table implementations, each suited for different use cases.
Table Types
| Type | Library | Features |
|---|---|---|
| DataTables | jQuery DataTables | Sorting, filtering, pagination, extensions |
| Bootstrap | Bootstrap 5 | Simple styled tables |
| Tabler | Tabler UI | Admin-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
- DataTables — Full-featured interactive tables
- Bootstrap Tables — Simple styled tables
- Tabler Tables — Tabler UI kit tables
- Advanced Features — Custom rendering, highlighters