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 | 61 | 2011/04/25 | $ 320,800 |
Garrett Winters | Kế toán viên | Tokyo | 63 | 2011/07/25 | $ 170,750 |
Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 66 | 2009/01/12 | $ 86.000 |
Cedric Kelly | Nhà phát triển JavaScript cao cấp | Edinburgh | 22 | 2011/04/25 | $ 320,800 |
Garrett Winters | Kế toán viên | Tokyo | 33 | 2011/07/25 | $ 170,750 |
Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 61 | 2009/01/12 | $ 86.000 |
Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 59 | 2009/01/12 | $ 86.000 |
Cedric Kelly | Tác giả kỹ thuật Junior | Tokyo | 55 | 2011/07/25 | $ 170,750 |
Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 39 | 2009/01/12 | $ 86.000 |
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 | Kiến trúc hệ thống | Edinburgh | 61 | 2011/04/25 | $ 320,800 |
Garrett Winters | Kế toán viên | Tokyo | 63 | 2011/07/25 | $ 170,750 |
Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 66 | 2009/01/12 | $ 86.000 |
Cedric Kelly | Nhà phát triển JavaScript cao cấp | Edinburgh | 22 | 2011/04/25 | $ 320,800 |
Garrett Winters | Kế toán viên | Tokyo | 33 | 2011/07/25 | $ 170,750 |
Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 61 | 2009/01/12 | $ 86.000 |
Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 59 | 2009/01/12 | $ 86.000 |
Cedric Kelly | Tác giả kỹ thuật Junior | Tokyo | 55 | 2011/07/25 | $ 170,750 |
Tiger Nixon
2011/07/25 | $ 170,750 | Kiến trúc hệ thống | Edinburgh | 61 | 2011/04/25 | $ 320,800 | 5421 | |
Garrett Winters | Kế toán viên | Kế toán viên | Tokyo | 63 | 2011/07/25 | $ 170,750 | 8422 | |
Ashton Cox | Tác giả kỹ thuật Junior | Tác giả kỹ thuật Junior | San Francisco | 66 | 2009/01/12 | $ 86.000 | 1562 | |
Cedric Kelly | Nhà phát triển JavaScript cao cấp | Nhà phát triển JavaScript cao cấp | Edinburgh | 22 | 2011/04/25 | $ 320,800 | 6224 |
Garrett Winters
Kế toán viên
2011/07/25 | $ 170,750 | Kiến trúc hệ thống | Edinburgh | 61 | 2011/04/25 | $ 320,800 | 5421 | |
Garrett Winters | Kế toán viên | Kế toán viên | Tokyo | 63 | 2011/07/25 | $ 170,750 | 8422 | |
Ashton Cox | Tác giả kỹ thuật Junior | Tác giả kỹ thuật Junior | San Francisco | 66 | 2009/01/12 | $ 86.000 | 1562 | |
Cedric Kelly | Nhà phát triển JavaScript cao cấp | Nhà phát triển JavaScript cao cấp | Edinburgh | 22 | 2011/04/25 | $ 320,800 | 6224 | |
Garrett Winters | Kế toán viên | Kế toán viên | Tokyo | 33 | 2011/07/25 | $ 170,750 | 5407 | |
Ashton Cox | Tác giả kỹ thuật Junior | Tác giả kỹ thuật Junior | San Francisco | 61 | 2009/01/12 | $ 86.000 | 4804 |
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 trangPagination 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ửaCó 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ảngCông cụ tương tác để tạo các bảng được mã hóa đầy đủ.