Làm cách nào để xuất dữ liệu bảng HTML sang Excel bằng JavaScript?
|
Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách chuyển đổi (xuất) Bảng HTML sang tệp Excel bằng JavaScript Show Sử dụng JavaScript đơn giản, không thể chuyển đổi Bảng HTML thành Excel và do đó bài viết này sẽ giải thích, cách chuyển đổi (giải thích) Bảng HTML thành tệp Excel với sự trợ giúp của plugin jQuery table2excel Lưu ý. jQuery được sử dụng trong bài viết này chỉ cho việc sử dụng plugin jQuery.
Đánh dấu HTML Đánh dấu HTML sau bao gồm một Bảng HTML và một Nút <html xmlns="http. //www. w3. org/1999/xhtml"> <đầu> <tiêu đề>tiêu đề> <nội dung> <bảng id="tblCustomers" cellspacing="0" cellpadding="0"> <tr> <th> Id khách hàng th> <th> Tên th> <th> Quốc gia th> tr> <tr> <td> 1 td> <td> John Hammond td> <td> Hoa Kỳ td> tr> <tr> <td> 2 td> <td> Mudassar Khan td> <td> Ấn Độ td> tr> <tr> <td> 3 td> <td> Suzanne Mathews td> <td> Pháp td> tr> <tr> <td> 4 td> <td> Robert Schidner td> <td> Nga td> tr> bảng> <br /> <đầu vào loại="nút" id="btnExport" value="Export" onclick="Export()" /> <script type="text/javascript" . // ajax. googleapis. com/ajax/libs/jquery/1. 8. 3/jquery. tối thiểu. js"> src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">tập lệnh> <script src="table2excel. js" loại="text/javascript">script> <script type="text/javascript" hàm Xuất() { $( "#tblCustomers" ). bảng2excel({ tên tệp. "Bảng. xls" }); } tập lệnh>
Giải trình Khi nút Xuất được nhấp, chức năng Xuất JavaScript được gọi Bên trong chức năng Xuất, jQuery plugin table2excel được áp dụng cho Bảng HTML. JQuery plugin table2excel chấp nhận tham số tên tệp để đặt tên cho tệp Excel. Lưu ý . Bạn sẽ nhận được thông báo Cảnh báo từ ứng dụng Microsoft Excel khi cố mở tệp Excel đã tạo. Cảnh báo này được hiển thị vì tệp được tạo không phải là định dạng Excel hợp lệ vì plugin chỉ xuất nội dung HTML sang tệp Excel.
Ảnh chụp màn hình Bảng HTML
Tệp Excel đang được tải xuống khi nhấp vào nút Xuất
Tệp Excel được tạo
tính tương thích của trình duyệt web Đoạn mã trên đã được thử nghiệm trong các trình duyệt sau * Tất cả các logo trình duyệt hiển thị ở trên là tài sản của chủ sở hữu tương ứng của họ
Thử nghiệm Xem bản trình diễn
Tải xuống Save_Table_Excel_JavaScript. khóa kéo Tải xuống API Word/PDF/Excel miễn phíLàm cách nào để xuất bảng HTML sang bảng Excel bằng JavaScript?Define a function “htmlTableToExcel()” in a
Bài Viết Liên Quan
Bản quyền © 2021 boxhoidap.com Inc.
|
