Trang chủBảng dữ liệu
Sử dụng thư viện
<link href="/doc/table/assets/table-ui.min.css"/>
<script src="/doc/table/assets/table-ui.min.js"></script>
        
Bảng không cuộn ngang
Nên sử dụng khi bảng ít cột dữ liệu
Bảng không phân nhóm
Định dạng html
Các thuộc tính
  1. Thuộc tính định dạng và mang giá trị cố định data-ui-id="tbl-ui-0101"
  2. Các thuộc tính tùy biến - khai báo trong thẻ table.
    Là thuộc tính không cố định - nếu không khai báo thì bảng sẽ dùng thuộc tính mặc định.
    • Màu chữ và nền head bảng: data-ui-head="{1}-{2}"
    • Màu chữ và nền dòng số lẻ: data-ui-rowodd="{1}-{2}"
    • Màu chữ và nền dòng số chẳn:data-ui-roweven="{1}-{2}"
    Trong đó {1} là màu chữ, {2} là màu nền(dùng hệ màu hex). Tham khảo màu tại tại đây.
    Ví dụ: định dạng màu chữ và nền head data-ui-head="#ffffff-#0033cc"
MobiFone
Bảng phân nhóm
Định dạng html
Các thuộc tính
  1. Thuộc tính định dạng và mang giá trị cố định data-ui-id="tbl-ui-0102"
  2. Các thuộc tính tùy biến - khai báo trong thẻ table.
    Là thuộc tính không cố định - nếu không khai báo thì bảng sẽ dùng thuộc tính mặc định.
    • Màu chữ và nền head bảng: data-ui-head="{1}-{2}"
    • Màu chữ và nền dòng dòng phân nhóm: data-ui-rowgroup="{1}-{2}"
    • Màu chữ và nền dòng số lẻ: data-ui-rowodd="{1}-{2}"
    • Màu chữ và nền dòng số chẳn:data-ui-roweven="{1}-{2}"
    Trong đó {1} là màu chữ, {2} là màu nền(dùng hệ màu hex). Tham khảo màu tại tại đây.
    Ví dụ: định dạng màu chữ và nền head data-ui-head="#ffffff-#0033cc"
MobiFone
Bảng có cuộn ngang
Nên sử dụng khi bảng có nhiều cột dữ liệu