Table là một thành phần quan trọng để biểu thị dữ liệu, tuy nhiên, đối với màn hình nhỏ, ví dụ: điện thoại di động và máy tính bảng, nó cũng rất quan trọng để thể hiện dữ liệu theo cách khác nhau. Nếu không, việc hiện thị có thể trở nên hỗn loạn!

Bạn nghĩ sao nếu ta thiết kế table sử dụng các thẻ div kết hợp với việc dàn trang sử dụng Flexbox layout?

Tham khảo

Có nhiều bài phân tích về vấn đề này, bạn có thể tham khảo các link sau đây:

• Replace HTML tables with
  s
• How to create responsive table in modern way
• Accessible, Simple, Responsive Tables
• How to create responsive tables with pure CSS using Grid Layout Module
• Really Responsive Tables using CSS3 Flexbox