Đánh dấu HTML
Đánh dấu HTML bao gồm một Bảng HTML và một ASP. nút lưới
Bên trong trình xử lý sự kiện sẵn sàng cho tài liệu jQuery, Nút Xuất đã được gán một trình xử lý sự kiện Nhấp chuột jQuery
Khi nhấp vào nút Xuất, plugin jQuery table2excel được áp dụng cho Bảng HTML và nó được chuyển đổi (xuất) sang tệp Excel
Tương tự như vậy ta có nhiều giá trị khác nhau có thể thiết lập cho thuộc tính mso-number-format để định dạng ô excel theo ý muốn. Các bạn tham khảo bảng sau và có thể tự thử nghiệm để hiểu rõ hơn
mso-number-format:"0" // NO Decimals mso-number-format:"0\.000" // 3 Decimals mso-number-format:"\#\,\#\#0\.000" // Comma with 3 dec mso-number-format:"mm\/dd\/yy" // Date7 mso-number-format:"mmmm\ d\,\ yyyy" // Date9 mso-number-format:"m\/d\/yy\ h\:mm\ AM\/PM" // D -T AMPM mso-number-format:"Short Date" // 01/03/1998 mso-number-format:"Medium Date" // 01-mar-98 mso-number-format:"d\-mmm\-yyyy" // 01-mar-1998 mso-number-format:"Short Time" // 5:16 mso-number-format:"Medium Time" // 5:16 am mso-number-format:"Long Time" // 5:16:21:00 mso-number-format:"Percent" // Percent - two decimals mso-number-format:"0%" // Percent - no decimals mso-number-format:"0\.E+00" // Scientific Notation mso-number-format:"\@" // Text mso-number-format:"\#\ ???\/???" // Fractions - up to 3 digits (312/943) mso-number-format:"\0022£\0022\#\,\#\#0\.00" // £12.76 mso-number-format:"\#\,\#\#0\.00_ \;\[Red\]\-\#\,\#\#0\.00\ " // 2 decimals, negative numbers in red and signed (1.56 -1.56)Trong trường hợp bạn muốn bảng của bạn khi xuất ra excel có màu hơi giống như hình dưới đây, giải pháp cho bạn chính là sử dụng CSS nội tuyến cho các thẻ thứ, td (tương ứng với các ô trong excel)
Kích thước tập tin. 51 KBTổng số lượt xem. 601653Cập nhật lần cuối. 06/04/2019 00. 35. 00 UTC Ngày Xuất bản. 18/11/2014 05. 52. 56 UTCTrang web chính thức. Tới trang webGiấy phép. MIT
Tải xuống bản trình diễn
Thêm trong danh mục này
Xem các plugin được đề xuất
TOP 100 Plugin jQuery 2022
Chrome, IE8+, FireFox, Opera, Safari#excel#xuất bảng#Bảng tính
table2excel là một plugin jQuery đơn giản nhưng hữu ích cho phép xuất dữ liệu bảng Html sang tệp Excel
plugin thay thế
- Xuất dữ liệu bảng & JSON sang Excel bằng jQuery - ExportToExcel
- Xuất bảng Html sang CSV/XLS/XLSX/Văn bản - jQuery TableExport
- Trình chuyển đổi bảng HTML sang Excel – saveAsExcel. js
- Trình cắm bảng phía khách hàng sang Excel xuất - jQuery ExcelGen
Xem thêm
- Chuyển đổi tệp CSV thành bảng dữ liệu
- Tạo bảng từ tệp CSV - Trình phân tích cú pháp CSV
- Trình chuyển đổi dữ liệu CSV sang JSON với jQuery
- Trình chuyển đổi CSV sang bảng – CsvToTable. js
- Xuất dữ liệu JSON sang tệp CSV – CSV-Export
Làm thế nào để sử dụng nó
1. Bao gồm thư viện jQuery và plugin jQuery table2excel trong tài liệu Html
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="src/jquery.table2excel.js"></script>2. Tạo nút 'Xuất' để xuất dữ liệu bảng sang tệp Excel theo cách thủ công. Không bắt buộc
<button>Export</button>3. Gọi plugin trên bàn và vượt qua các tùy chọn sau
$("button").click(function(){ $("#table2excel").table2excel({ // exclude CSS class exclude: ".noExl", name: "Worksheet Name", filename: "SomeFile", //do not include extension fileext: ".xls" // file extension }); });4. Sau đó, bạn có thể thêm lớp CSS 'noExl' vào bất kỳ thẻ tr nào để bỏ qua dữ liệu bảng đã chỉ định trong khi xuất
<tr class="noExl"> <th>#</th> <th>Column heading</th> <th>Column heading</th> <th>Column heading</th> </tr>5. Xác định xem có giữ nguyên màu nền và phông chữ không. Mặc định. SAI
$("#table2excel").table2excel({ exclude: ".noExl", name: "Worksheet Name", filename: "SomeFile", fileext: ".xls", preserveColors: true });6. Xác định xem có loại trừ hình ảnh, liên kết và trường nhập liệu hay không. Mặc định. ĐÚNG VẬY
$("#table2excel").table2excel({ exclude: ".noExl", name: "Worksheet Name", filename: "SomeFile", fileext: ".xls", exclude_img: true, exclude_links: true, exclude_inputs: true });Nhật ký thay đổi
2019-06-04
- Đã thêm hỗ trợ cho màu nền và màu phông chữ trong hàng và cột
2019-02-07
- v1. 1. 2. Cập nhật jquery. bảng2excel. js
2017-05-26
- v1. 1. 1. Cập nhật jquery. bảng2excel. js
2016-03-08
- Hỗ trợ unicode và tính năng mở rộng tập tin
2015-05-22
- Cập nhật jquery. bảng2excel. js
2015-04-08
- Đã thêm hỗ trợ IE11
2015-04-04
- Các thay đổi được thực hiện để chuyển sang hỗ trợ nhiều bảng cho một tệp Excel
Plugin jQuery tuyệt vời này được phát triển bởi Rainabba. Để biết thêm Cách sử dụng nâng cao, vui lòng kiểm tra trang demo hoặc truy cập trang web chính thức