Table · Components · Blazor learning sandbox

Basic table

Items, a header row and a row template. Each MudTd carries a DataLabel, so on narrow screens (below Breakpoint) rows stack into labelled cards.

Title	Author	Genre	Price	In stock
The Lighthouse Keeper's Almanac	Maren Holt	Nature	£18.50	12
Salt and Ledger	Idris Okafor	History	£24.00	4
A Field Guide to Quiet Rivers	Ana Ribeiro	Nature	£15.99	9
The Clockmaker's Daughter	Lena Vogt	Fiction	£11.99	21
Night Trains of Europe	Tomasz Wierzbicki	Travel	£19.75	0

Dense, hover, striped and bordered

The four appearance switches combine freely. These presets show the useful pairings side by side; the playground at the end lets you try every combination.

Default

Line	Destination	Due
12	Harbour Quay	2 min
7A	University Park	5 min
31	Northgate Depot	9 min
12	Harbour Quay	14 min

Hover + striped

Line	Destination	Due
12	Harbour Quay	2 min
7A	University Park	5 min
31	Northgate Depot	9 min
12	Harbour Quay	14 min

Dense + bordered

Line	Destination	Due
12	Harbour Quay	2 min
7A	University Park	5 min
31	Northgate Depot	9 min
12	Harbour Quay	14 min

All four

Line	Destination	Due
12	Harbour Quay	2 min
7A	University Park	5 min
31	Northgate Depot	9 min
12	Harbour Quay	14 min

Sorting, filtering and paging

MudTableSortLabel sorts by a key selector, Filter hides rows that do not match the search, and MudTablePager pages whatever remains. Sorting and filtering run before paging.

Sort by

Title	Author	Year	Price
A Field Guide to Quiet Rivers	Ana Ribeiro	2023	£15.99
A Short History of Ink	Priya Raman	2024	£27.00
Bread, Salt and Weather	Ana Ribeiro	2016	£13.25
Ferries and Fog	Idris Okafor	2015	£9.99
Letters from the Signal Box	Hugo Lindqvist	2014	£10.50

Selecting rows

MultiSelection adds a checkbox column and a select-all box in the header. RowDisabledFunc keeps rows visible but out of reach, and SelectedItems is a plain HashSet you can bind.

Select all rows	Title	Availability	Price
Select row	The Lighthouse Keeper's Almanac	12 on the shelf	£18.50
Select row	Salt and Ledger	4 on the shelf	£24.00
Select row	Night Trains of Europe	Sold out	£19.75
Select row	A Field Guide to Quiet Rivers	9 on the shelf	£15.99
Select row	A Short History of Ink	Sold out	£27.00
Select row	The Patient Garden	2 on the shelf	£17.50

Nothing reserved yet.

Inline editing with commit and cancel

RowEditingTemplate replaces a row while it is edited. RowEditPreview takes a backup, RowEditCancel restores it, and RowEditCommit accepts the change only when it is valid.

Title	Price (£)	Stock
Salt and Ledger	24.00	4
The Patient Garden	17.50	2
Ferries and Fog	9.99	11

Use the pencil to edit a row, then save or discard.

Grouping with subtotals

GroupBy takes a TableGroupDefinition with a selector. Group headers can collapse, and group footers are a natural place for subtotals.

Title	Copies	Shelf value
Fiction 2 titles
The Clockmaker's Daughter	21	£251.79
Winter at the Observatory	6	£77.94
Subtotal: £329.73
History 2 titles
Salt and Ledger	4	£96.00
A Short History of Ink	3	£81.00
Subtotal: £177.00
Nature 3 titles
A Field Guide to Quiet Rivers	9	£143.91
Moths of the Northern Coast	5	£112.00
The Lighthouse Keeper's Almanac	12	£222.00
Subtotal: £477.91

Fixed header, footer and virtualization

With Height set, FixedHeader and FixedFooter keep the column names and totals in view while 2,000 virtualized rows scroll between them.

Trip	Line	Departure	Passengers
2,000 trips today	78,022

Server-side data with cancellation

ServerData receives the page, page size and sort, plus a CancellationToken. A new request cancels the previous one, so a slow, stale response never replaces a newer page.

Night	Target	Instrument	Seeing
Asking the server…

Slow server (1.5 s per request)

Requests: 0. Cancelled before finishing: 0.

Row click details

OnRowClick reports the clicked item. Here it opens a detail panel, and RowStyleFunc marks the row the panel describes. A Details button in each row does the same from the keyboard.

Order	Customer	Pick-up
B-1042	Ines Duarte	08:30
B-1043	Harbour Café	09:15
B-1044	Kofi Mensah	11:00
B-1045	Northgate School	12:45

Select an order to see what goes in the box.

Playground

Switch any appearance parameter; the markup below lists only the values that differ from the defaults.

Title	Author	Price
Salt and Ledger	Idris Okafor	24.00
The Patient Garden	Sofia Marchetti	17.50
Ferries and Fog	Idris Okafor	9.99
Winter at the Observatory	Lena Vogt	12.99

Dense

Hover

Striped

Bordered

Outlined

Square

Multi selection

Elevation: 0

Breakpoint (stack below)

<MudTable
    Items="_books"
    Hover="true"
    Outlined="true"
    Elevation="0">
    <HeaderContent>…</HeaderContent>
    <RowTemplate>…</RowTemplate>
</MudTable>