Xuất dữ liệu từ bảng thường có thể là một phần quan trọng của một ứng dụng phức tạp. Tiện ích mở rộng nút cho DataTables cung cấp ba trình cắm cung cấp chức năng chồng chéo để xuất dữ liệu: - HTML5 Các nút xuất - Sử dụng API HTML5 để tạo các tệp phía máy khách
- Nút in
Cả hai bộ nút cung cấp: - Sao chép vào clipboard
- Lưu dưới dạng Excel (XLSX)
- Lưu dưới dạng CSV
- Lưu dưới dạng PDF
- Hiển thị chế độ xem in
Các nút cung cấp các loại nút sẽ bí danh các nút HTML5. Đó là: copy , csv , excel , pdf . Ví dụ này cho thấy bốn loại nút đó, cộng với print , được sử dụng với tất cả các phụ thuộc cần thiết được tải.
Tên | Chức vụ | Văn phòng | Tuổi tác | Ngày bắt đầu | Lương |
---|
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 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | Edinburgh | 23 | 2011-04-25 | $ 320,800 | Garrett Winters | Kế toán viên | Tokyo | 30 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | Edinburgh | 22 | 2011-04-25 | $ 320,800 | Garrett Winters | Kế toán viên | San Francisco | 36 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | Tokyo | 43 | 2011-07-25 | $ 170,750 | Ashton Cox | Kế toán viên | Tokyo | 19 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | Tokyo | 66 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 64 | 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 | Nhà phát triển JavaScript cao cấp | Tokyo | 41 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | Edinburgh | 35 | 2011-04-25 | $ 320,800 | Garrett Winters | Kế toán viên | San Francisco | 30 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 40 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 21 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | 2012-03-29 | 23 | $ 433,060 | Airi Satou | 2008-11-28 | $ 162,700 | Tokyo | 47 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | Edinburgh | 42 | 2011-04-25 | $ 320,800 | Garrett Winters | Kế toán viên | Tokyo | 28 | 2011-07-25 | $ 170,750 | Ashton Cox | Nhà phát triển JavaScript cao cấp | San Francisco | 28 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 48 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | Tokyo | 20 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | 2012-03-29 | 37 | $ 433,060 | Airi Satou | 2008-11-28 | Tác giả kỹ thuật Junior | Tokyo | 53 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | Tokyo | 27 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 22 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | Edinburgh | 46 | 2011-04-25 | $ 320,800 | Garrett Winters | Tác giả kỹ thuật Junior | San Francisco | 47 | 2009-01-12 | $ 86.000 | Cedric Kelly | Kế toán viên | San Francisco | 51 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 41 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 62 | 2009-01-12 | $ 86.000 | Cedric Kelly | Kế toán viên | Tokyo | 37 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 65 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | Tokyo | 64 | 2011-07-25 | $ 170,750 | Ashton Cox | Nhà phát triển JavaScript cao cấp | Tokyo | 38 | 2011-07-25 | $ 170,750 | Ashton Cox | Nhà phát triển JavaScript cao cấp | Tokyo | 37 | 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 | 47 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | Tokyo | 64 | 2011-07-25 | $ 170,750 | Ashton Cox | Nhà phát triển JavaScript cao cấp | San Francisco | 63 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | San Francisco | 56 | 2009-01-12 | $ 86.000 | Cedric Kelly | Nhà phát triển JavaScript cao cấp | Edinburgh | 43 | 2012-03-29 | $ 433,060 | Airi Satou | Nhà phát triển JavaScript cao cấp | San Francisco | 46 | 2009-01-12 | $ 86.000 | Cedric Kelly | Kế toán viên | Tokyo | 47 | 2011-07-25 | $ 170,750 | Ashton Cox | Nhà phát triển JavaScript cao cấp | Tokyo | 21 | 2011-07-25 | $ 170,750 | Ashton Cox | Tác giả kỹ thuật Junior | San Francisco | 30 | 2009-01-12 | $ 86.000 | Cedric Kelly | Kế toán viên | Edinburgh | 51 | Tokyo | 2011-07-25 | $ 170,750 | Tác giả kỹ thuật Junior | Tokyo | 29 | 2011-07-25 | 2011-07-25 | $ 170,750 | Ashton Cox | San Francisco | 27 | 2009-01-12 | $ 86.000 | Tên | Chức vụ | Văn phòng | Tuổi tác | Ngày bắt đầu | Lương |
---|
- Cedric Kelly
- Nhà phát triển JavaScript cao cấp
- 2012-03-29
- $ 433,060
- Airi Satou
2008-11-28 Bảng này tải dữ liệu bằng ajax. Dữ liệu mới nhất đã được tải được hiển thị dưới đây. Dữ liệu này sẽ tự động cập nhật vì bất kỳ dữ liệu bổ sung nào được tải. Kịch bản được sử dụng để thực hiện xử lý phía máy chủ cho bảng này được hiển thị bên dưới. Xin lưu ý rằng đây chỉ là một tập lệnh ví dụ sử dụng PHP. Các tập lệnh xử lý phía máy chủ có thể được viết bằng bất kỳ ngôn ngữ nào, sử dụng giao thức được mô tả trong tài liệu DataTables. Những ví dụ khácKhởi tạo cơ bản- Khởi tạo cơ bản
- Xuất tập tin
- Nút tùy chỉnh
- Tên lớp
- Kích hoạt bàn phím
- Bộ sưu tập
- Bộ sưu tập đa cấp
- Auto Close Collection
- Bổ sung
- `mới khởi tạo
- Nhiều nhóm nút
- Độ dài trang (nút)
- Độ dài trang (chọn)
- Bộ sưu tập HTML tùy chỉnh trong các nút
- Chọn Tích hợp - Xuất các hàng đã chọn
- Không gian giữa các nút
HTML 5 Xuất dữ liệu- Xuất khẩu tiêu đề và tin nhắn
- HTML5 Nút xuất
- Bao gồm chân trang trong xuất khẩu
- Tab được phân tách các giá trị
- Tên tập tin
- Sao chép nút Quốc tế hóa
- Bộ chọn cột
- Định dạng dữ liệu đầu ra - Dữ liệu trực giao
- Định dạng dữ liệu đầu ra - Tùy chọn xuất
- Excel - Bộ lọc tự động
- Excel - văn bản táo bạo
- Excel - Nền ô
- Excel - Tùy chỉnh biên giới
- PDF - Tin nhắn
- PDF - Kích thước trang và định hướng
- PDF - Hình ảnh
- PDF - Mở trong cửa sổ mới
- Tệp tùy chỉnh (JSON)
Khả năng hiển thị cột- Khả năng hiển thị cột cơ bản
- Bố cục nhiều cột
- Tùy chỉnh văn bản nút cột
- Quốc tế hóa
- Khôi phục khả năng hiển thị cột
- Chọn các cột
- Khả năng chuyển đổi nút
- Nhóm cột
- Tiết kiệm nhà nước
In- Nút in
- Thông báo tùy chỉnh
- Tùy chọn xuất - Bộ chọn cột
- Tùy chọn xuất - Bộ chọn hàng
- Tắt in tự động
- Tùy chỉnh cửa sổ Chế độ xem in
API- Cho phép vô hiệu hóa
- Văn bản động
- Thêm và xóa các nút một cách linh hoạt
- Lựa chọn nhóm
Kiểu dáng- Bootstrap 3
- Bootstrap 4
- Bootstrap 5
- Kiểu dáng nền tảng
- Kiểu UI JQuery
- Phong cách Fomantic-UI (Chính thức Semantic-UI)
- Bulma
- Biểu tượng
- Bộ sưu tập bỏ rơi
|