Table
Display data in rows and columns with sorting, filtering, and pagination.
Khi nào sử dụng
Danh sách dữ liệu
Hiển thị danh sách người dùng, đơn hàng hoặc sản phẩm.
Bảng có tương tác
Bảng với inline edit, selection và bulk actions.
Báo cáo số liệu
Trình bày dữ liệu tài chính với tổng hợp và so sánh.
Hướng dẫn
Do
- Cố định cột quan trọng khi cuộn ngang
- Hỗ trợ sắp xếp và lọc cho cột phù hợp
- Phân trang hoặc virtual scroll cho dữ liệu lớn
Don't
- Hiển thị quá nhiều cột gây cuộn ngang liên tục
- Dùng Table cho dữ liệu ít — hãy dùng List hoặc Card
- Tải toàn bộ dữ liệu một lần khi có hàng nghìn dòng
Basic
| Name | Age | Role | Status |
|---|---|---|---|
| Alice Johnson | 28 | Designer | Active |
| Bob Smith | 34 | Developer | Active |
| Carol White | 25 | PM | Inactive |
| Dave Lee | 31 | Developer | Active |
Sizes
| Name | Age | Role | Status |
|---|---|---|---|
| Alice Johnson | 28 | Designer | Active |
| Bob Smith | 34 | Developer | Active |