Tables — HIG Playground

Explore various iOS Table sorting and style options interactively. Change properties in the control panel to see them reflected on the iPhone screen instantly.

9:41

●●●● WiFi 🔋

Tables

Team Members

⚠️ HIG Violation: Table has poor readability

📚 HIG Guidelines — Try It Yourself

✓ Do — Good Example

✗ Don't — Bad Example

✓ Do This

Align data appropriately (text left, numbers right)
Allow sorting by relevant columns
Use clear column headers
Provide sufficient row height for readability

✗ Don't Do This

Don't cram too many columns without scrolling
Don't remove column headers
Don't make rows too dense to read
Don't use tables for simple lists (use List instead)

👆 See the bad pattern in the iPhone preview above

Sortable

Row Selection

None

Single

Multiple

Alternating Rows

Style

Plain

Inset

Inset Grouped

SwiftUI Code

Table(people, sortOrder: $sortOrder) { TableColumn("Name", value: \.name) TableColumn("Role", value: \.role) TableColumn("Status", value: \.status) }