HybReport DLS v2 — Density Modes

So sánh 2 chế độ mật độ hiển thị cùng thành phần giao diện

Density changes spacing, not information architecture
Comfortable row:40pxctrl:36pxfont:13pxpad:16pxgap:12px
Form nhập liệu
Bảng dữ liệu
Mã SPTênSLTrạng thái
SP-101Xi măng PCB401,200Đủ hàng
SP-204Thép cuộn D10340Sắp hết
SP-087Sơn nội thất0Hết hàng
SP-315Gạch ốp 60x602,800Đủ hàng
Bộ lọc
Khu vực: NamQ2/2026Nhóm A+ Thêm
Hành động
Metric Dropzone
Doanh thu SUMSố lượng COUNTTỷ suất EXPR
Compact row:32pxctrl:28pxfont:12pxpad:12pxgap:8px
Form nhập liệu
Bảng dữ liệu
Mã SPTênSLTrạng thái
SP-101Xi măng PCB401,200Đủ hàng
SP-204Thép cuộn D10340Sắp hết
SP-087Sơn nội thất0Hết hàng
SP-315Gạch ốp 60x602,800Đủ hàng
Bộ lọc
Khu vực: NamQ2/2026Nhóm A+ Thêm
Hành động
Metric Dropzone
Doanh thu SUMSố lượng COUNTTỷ suất EXPR