Back to BRIX

Tables

8 table variations — simple, sortable, with actions, responsive, pricing, and data tables.

8 Elements
01

Simple Clean Table

Name Role Department Location Joined
Sarah Johnson Lead Designer Product New York Jan 2022
Marcus Chen Senior Developer Engineering San Francisco Mar 2021
Emily Rodriguez Product Manager Product Austin Jun 2023
James Wilson DevOps Engineer Infrastructure Seattle Nov 2022
Olivia Park UX Researcher Design Chicago Aug 2023
02

Striped & Hover Table

Product Category Price Stock Rating
Wireless Headphones Pro Electronics $299.00 142 4.8
Ergonomic Keyboard Peripherals $189.00 86 4.6
4K Webcam Ultra Electronics $149.00 234 4.9
Standing Desk Mat Accessories $79.00 512 4.3
USB-C Hub 12-in-1 Peripherals $69.00 328 4.7
Noise Canceling Mic Audio $129.00 67 4.5
03

Sortable Table

Company Revenue Employees Industry Growth
Acme Corp $4.2M 156 SaaS +24%
Globex Inc $8.7M 342 E-commerce +18%
Initech $2.1M 89 Consulting -3%
Stark Industries $12.4M 1024 Technology +42%
Wayne Enterprises $6.8M 567 Conglomerate +8%

Click column headers to sort ascending/descending.

04

Table with Actions

User Email Role Status Actions
Avatar Anna Mitchell
anna@company.com Admin Active
Avatar David Kim
david@company.com Editor Active
Avatar Lisa Thompson
lisa@company.com Viewer Pending
Avatar Robert Taylor
robert@company.com Editor Inactive
05

Responsive Stacked (Mobile Cards)

Resize browser to see card layout on mobile.

Order ID Customer Amount Date Status
#ORD-2847 Michael Brown $1,249.00 Dec 12, 2024 Delivered
#ORD-2848 Jennifer Lee $89.50 Dec 13, 2024 Shipped
#ORD-2849 Alex Garcia $432.00 Dec 14, 2024 Processing
#ORD-2850 Sophia Martinez $2,100.00 Dec 14, 2024 Cancelled
06

Data Table with Search

Team Members
Member Department Projects Completion Status
Avatar
Clara Oswald clara@team.io
Design 12
87%
Active
Avatar
Daniel Craig daniel@team.io
Engineering 8
62%
Active
Avatar
Emma Stone emma@team.io
Marketing 15
94%
Active
Avatar
Frank Ocean frank@team.io
Engineering 6
45%
On Leave
07

Pricing Comparison Table

Feature Free Pro Enterprise
Users 1 Unlimited
Storage 500 MB Unlimited
Projects 3 Unlimited
API Access
Custom Domain
Priority Support
SLA
Price $0 $99/mo
08

Status & Activity Table

Task Assignee Priority Due Date Progress Status
Redesign Landing Page UI/UX · Sprint 12
High Jan 15, 2025
75%
In Progress
API Documentation Backend · Sprint 12
Medium Jan 20, 2025
40%
In Progress
User Onboarding Flow Product · Sprint 11
High Dec 30, 2024
100%
Done
Performance Audit DevOps · Sprint 12
Low Feb 01, 2025
10%
Queued