Data Table & Pivot — HybReport DLS v2

F71 Component Reference · OPUS 4.6 Growth · Updated 2026-05-17

1. Standard Data Table

Chi nhánh Mã KH Khách hàng Doanh thu (VNĐ) Số đơn Trạng thái
Hà NộiKH-0012Công ty TNHH Phúc An1,245,600,00087Hoạt động
Đà NẵngKH-0034CTCP Vận tải Miền Trung892,350,00054Hoạt động
TP.HCMKH-0056Công ty CP Thành Đạt2,108,900,000142Hoạt động
Hà NộiKH-0078TNHH Sản xuất Bảo Minh567,200,00031Tạm ngưng
TP.HCMKH-0091CTCP Đầu tư Hoàng Long1,834,750,00098Hoạt động
Đà NẵngKH-0103Công ty TNHH Hải Sơn423,100,00022Hoạt động
Tổng cộng7,071,900,000434

2. Pivot Table — Doanh thu theo Chi nhánh × Tháng

Chi nhánh T1/2026 T2/2026 T3/2026 T4/2026 Tổng
Hà Nội 1,245 1,567 1,892 1,734 6,438
Đà Nẵng 823 654 1,102 2,579
TP.HCM 2,108 2,345 1,987 2,201 8,641
Tổng cộng 4,176 4,566 4,981 3,935 17,658

Đơn vị: triệu VNĐ · Click ô để drilldown · Ô trống = chưa có dữ liệu

3. Design Rules

Table Container: border-radius: 14px overflow: hidden with glassmorphic wrapper
Header: bg: #f8fafc font: 11px/700 uppercase tracking: 0.08em color: #64748b
Body: font: 13px padding: 10px 16px striped odd #fafbfd hover #f1f5f9 transition 0.15s
Pivot Headers: column color: #1d4ed8 weight:700 · row weight:600
Heatmap: rgba(37,99,235, intensity×0.4) range 0.08→0.4 · progressive blue
Drilldown: color: #2563eb cursor: pointer hover underline
Null cells: color: #94a3b8 content: '—'
Total row: weight:700 border-top: 2px solid #dbe3ef bg: #f8fafc
Grand total: color: #1d4ed8 font: 14px/700
Numeric: font-variant-numeric: tabular-nums · text-align: right