Tài liệu table2excel

Đá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