Hướng dẫn scroll;>

Cuộn bảng - ngang và dọc

Lưu ý: Tài liệu này dành cho phiên bản cũ hơn của Bootstrap (v.4). Một phiên bản mới hơn có sẵn cho Bootstrap 5. Chúng tôi khuyên bạn nên chuyển sang phiên bản mới nhất của sản phẩm - Thiết kế vật liệu cho Bootstrap 5. Truy cập Docs V.5 This documentation is for an older version of Bootstrap (v.4). A newer version is available for Bootstrap 5. We recommend migrating to the latest version of our product - Material Design for Bootstrap 5.
Go to docs v.5

Đối với các bảng với số lượng dữ liệu khổng lồ, bạn có thể sử dụng chức năng cuộn, thay thế cho phân trang.

Chức năng cuộn hoạt động theo chiều dọc (trục y) và theo chiều ngang (trục x).

Tùy thuộc vào loại bảng bạn sử dụng (DataTables hoặc bảng tĩnh đơn giản) có hai giải pháp khác nhau.

Để bắt đầu làm việc với các bảng của chúng tôi, hãy xem tab "Bắt đầu" trên trang này."Getting Started" tab on this page.

Lưu ý: Tích hợp này có sẵn từ phiên bản 4.5.7 (phát hành 16.07.2018). This integration is available from version 4.5.7 (released 16.07.2018).

Bảng tĩnh cuộn dọc

Nhiều tùy chọn cuộn cho các bảng tĩnh có thể được tìm thấy trong tài liệu đáp ứng bảng.

Cuộn dọc có thể dữ liệu

Tiger Nixon

Kiến trúc hệ thống

Edinburgh

2011/04/2520% of the window height. The viewport size will update dynamically as the window is resized.

Tiger Nixon

Garrett Winters

Kế toán viên

Cedric Kelly

Nhà phát triển JavaScript cao cấp

2012/03/29

Bảng sắp xếp

Chức năng này cho phép bạn sắp xếp dữ liệu của các bảng theo bất kỳ cột cụ thể nào.

Bảng phân trang

Pagination cung cấp một phương pháp điều hướng đơn giản, cho phép bạn chia một lượng lớn nội dung trong các bảng thành các phần nhỏ hơn.

Bảng có thể chỉnh sửa

Có thể chỉnh sửa bảng cho phép bạn chỉnh sửa dữ liệu hiện có trong bảng và thêm dữ liệu mới vào bảng.

Máy phát điện bảng

Công cụ tương tác để tạo các bảng được mã hóa đầy đủ.