ComponentsData display

Simple table

MudSimpleTable styles plain HTML table markup: you write thead, tbody and tfoot yourself. Choose it for static, read-only data such as timetables and specifications, where sorting and paging would only add weight.

Basic timetable

Ordinary table markup inside MudSimpleTable. Row headers are th elements with scope=row, so screen readers announce the stop with each time.

Line 12 weekday departures
Stop	Run 1	Run 2	Run 3	Run 4
Northgate Depot	06:05	06:35	07:05	07:35
Market Square	06:14	06:44	07:16	07:46
University Park	06:22	06:52	07:25	07:55
Harbour Quay	06:31	07:01	07:35	08:05

Dense, hover, striped, bordered and outlined

The same fare table under each preset. The switches combine freely, so pick by reading distance: dense for scanning, striped for long rows, bordered for grids of numbers.

Default: elevation 1, not outlined

Zone	Single	Day
Zone 1	£1.80	£4.50
Zones 1–2	£2.40	£6.00
Zones 1–3	£3.10	£7.80
Airport	£5.50	£11.00
Night bus	£2.00	Not sold

Outlined, no elevation

Zone	Single	Day
Zone 1	£1.80	£4.50
Zones 1–2	£2.40	£6.00
Zones 1–3	£3.10	£7.80
Airport	£5.50	£11.00
Night bus	£2.00	Not sold

Dense + striped

Zone	Single	Day
Zone 1	£1.80	£4.50
Zones 1–2	£2.40	£6.00
Zones 1–3	£3.10	£7.80
Airport	£5.50	£11.00
Night bus	£2.00	Not sold

Bordered

Zone	Single	Day
Zone 1	£1.80	£4.50
Zones 1–2	£2.40	£6.00
Zones 1–3	£3.10	£7.80
Airport	£5.50	£11.00
Night bus	£2.00	Not sold

Hover: point at a row

Zone	Single	Day
Zone 1	£1.80	£4.50
Zones 1–2	£2.40	£6.00
Zones 1–3	£3.10	£7.80
Airport	£5.50	£11.00
Night bus	£2.00	Not sold

All of them

Zone	Single	Day
Zone 1	£1.80	£4.50
Zones 1–2	£2.40	£6.00
Zones 1–3	£3.10	£7.80
Airport	£5.50	£11.00
Night bus	£2.00	Not sold

Fixed header

Give the table a height through Style and set FixedHeader: the header row stays put while the body scrolls.

Stop code	Stop	Fare zone	Step-free access
NG101	Northgate Depot	1	Yes
NG102	Mill Lane	1	No
NG103	Market Square	1	Yes
NG104	Cathedral Close	1	Yes
NG105	University Park	1	No
NG106	Science Library	2	Yes
NG107	Riverside Walk	2	Yes
NG108	Old Ropeworks	2	No
NG109	Fish Market	2	Yes
NG110	Harbour Quay	2	Yes
NG111	Lighthouse Road	3	No
NG112	Ferry Terminal	3	Yes
NG113	Saltmarsh	3	Yes
NG114	Airport Parkway	3	No

Grouped headers, totals and an empty state

Because you own the markup, colspan, caption and tfoot work as in any HTML table. An explicit empty row keeps the layout when a filter removes everything.

Filter lines

Passenger journeys in 2025, thousands
Line	First half		Second half		Year
Line	Q1	Q2	Q3	Q4	Year
12 Harbour Quay	412	436	471	455	1,774
7A University Park	380	352	298	401	1,431
31 Northgate	205	214	226	219	864
N4 Night bus	61	66	74	70	271
Total	1,058	1,068	1,069	1,145	4,340

Playground

Combine the switches and the elevation; the markup lists only what differs from the defaults.

Bread	Flour	Proof
Country sourdough	Wheat and rye	14 h
Seeded rye	Whole rye	10 h
Milk loaf	Strong white	3 h
Focaccia	Type 00	18 h

Dense

Hover

Striped

Bordered

Outlined

Square

Elevation: 0

<MudSimpleTable
    Hover="true"
    Striped="true"
    Outlined="true"
    Elevation="0">
    <thead>…</thead>
    <tbody>…</tbody>
</MudSimpleTable>