Table

Structured rows and columns for dense tabular data with sorting and pagination

Data Display

What is it?

Tables display structured, columnar data—useful for lists, reports, and admin panels. Common features include sorting, pagination, row selection, inline actions, and responsive behaviors (stacking or horizontal scroll on small viewports).
Mockdown
```
┌────────┬────────────┬──────────────┬──────────┐
│  Name  │  Status    │   Updated    │ Actions  │
├────────┼────────────┼──────────────┼──────────┤
│ Item A │ Active     │ 2026-02-01   │ [Edit]   │
│ Item B │ Disabled   │ 2026-01-12   │ [Edit]   │
│ Item C │ Pending    │ 2026-02-03   │ [Edit]   │
└────────┴────────────┴──────────────┴──────────┘
```

Characteristics:
- Column headers with sort affordances
- Row selection (checkboxes)
- Actions per row and batch actions
- Responsive handling: collapse/detail view or horizontal scroll

Layouts Using This Pattern

┌──────────┬────────────────────────────────────┐
│ ☰ Menu   │  ◉ Dashboard        🔔  👤        │
│          ├────────────────────────────────────┤
│ ● Home   │  ┌────────┐ ┌────────┐ ┌────────┐ │
│ ○ Stats  │  │ ▲ 1,234│ │ ● 87%  │ │ $9.4K  │ │
│ ○ Users  │  │ KPI ···│ │ KPI ···│ │ KPI ···│ │
│ ○ Config │  └────────┘ └────────┘ └────────┘ │
│          │  ┌──────────────────────────────┐  │
│          │  │  📈 Chart                    │  │
│          │  │  ╱╲    ╱╲  ╱╲               │  │
│          │  │ ╱  ╲╱╱  ╲╱  ╲╱───          │  │
│          │  └──────────────────────────────┘  │
│          │  ┌──────────────────────────────┐  │
│          │  │  Name    Role     Status     │  │
│          │  │  ─────   ─────   ────────   │  │
│          │  │  Alice   Admin    ● Active   │  │
│          │  │  Bob     User     ○ Idle     │  │
│          │  └──────────────────────────────┘  │
└──────────┴────────────────────────────────────┘
Dashboard

SaaS Analytics Dashboard

A full-featured analytics dashboard with KPI cards, revenue charts, user activity tables, and a collapsible sidebar nav — ideal for SaaS admin panels.

--analytics--kpi--charts
Complex

Use these prompts to generate layouts built with this pattern.

--table--grid--rows--columns--pagination--sort

Ready to build?

Use this pattern as inspiration when creating UI layouts with AI tools.

Try the EditorBrowse Layout Prompts