Examples
Plain thead and tbody inside, styled by daisyUI.
| Task | Owner | Estimate |
|---|---|---|
| Add SSO to the admin app | Ana | 5d |
| Fix invoice rounding | Tom | 1d |
| Export users to CSV | Priya | 2d |
| Upgrade to .NET 10 | Lucas | 3d |
Striped, Hover, Dense and Bordered.
| Customer | Plan | Since |
|---|---|---|
| Northwind Traders | Enterprise | 2021 |
| Contoso | Pro | 2022 |
| Fabrikam | Pro | 2023 |
| Initech | Free | 2024 |
FixedHeader caps the height and scrolls; table-pin-rows keeps the header visible.
| Month | Signups | Plan |
|---|---|---|
| Jan | 412 | Pro |
| Feb | 388 | Free |
| Mar | 455 | Pro |
| Apr | 501 | Enterprise |
| May | 476 | Pro |
| Jun | 530 | Free |
| Jul | 498 | Pro |
| Aug | 467 | Free |
| Sep | 612 | Pro |
| Oct | 640 | Enterprise |
| Nov | 702 | Pro |
| Dec | 655 | Free |
API
<SimpleTable>
DaisyBlazorParameters
- Bordered bool= false
Adds a border border-base-300 outline around the table.
- Dense bool= false
Adds table-sm for compact rows.
- FixedHeader bool= false
Caps the wrapper height at max-h-96 with vertical scrolling and pins the header (table-pin-rows).
- Hover bool= false
Highlights body rows on hover: bg-base-200, or bg-base-300 when Striped (zebra rows are already base-200).
- Striped bool= false
Adds table-zebra for alternating row backgrounds.
- Class string= null
Extra CSS classes merged onto the <table> element.
- Style string= null
Inline CSS style applied to the scrolling wrapper <div>.
Content
- ChildContent RenderFragment
Table markup (<thead>/<tbody> or Tr/Th/Td) rendered inside the .table.
From MudSimpleTable
SimpleTable keeps MudSimpleTable's parameter names, so most markup moves over by
dropping the Mud prefix. See the migration guide for the shared enums, icons and services.