Bảng sang Excel jQuery


3 là một plugin jQuery nhẹ giúp bạn xuất bảng HTML sang tệp Excel

4. Nó chuyển đổi dữ liệu bảng thành trang tính Excel và buộc trình duyệt tải xuống tệp được tạo

Plugin cũng có thể xuất bảng HTML thành tệp TXT, JSON hoặc PDF. Nhưng trong hướng dẫn này, chúng tôi sẽ tập trung vào xuất Excel bằng cách sử dụng plugin jQuery này

Bản xem trước plugin

Bảng sang Excel jQuery
Bảng sang Excel jQuery

Chia sẻ cái này

Làm thế nào để bắt đầu sử dụng jQuery?

Thêm các plugin hàng đầu, tốt nhất và mới nhất của jQuery

100 plugin jQuery hàng đầu

Tổng quan về plugin

Cắm vào. TableHTMLExport Tác giả. Giấy phép Furioso Jack. Giấy phép MITXuất bản. Ngày 12 tháng 6 năm 2019Kho lưu trữ. Ngã ba trên phụ thuộc GitHub. jQuery1. 3. 1 hoặc Phiên bản mới nhất và Phông chữ tuyệt vời 4 (Tùy chọn) Loại tệp. kho lưu trữ zip (HTML, CSS & JavaScript )Kích thước gói. 7. 38KB

Tải xuống bản trình diễn

Cách sử dụng Plugin jQuery để xuất bảng HTML sang Excel

1. Để tạo chức năng xuất bảng, trước hết hãy tải thư viện jQuery JavaScript và tệp JS plugin


3 vào tài liệu HTML của bạn


 


Mẹo. Bạn cũng có thể tải plugin thông qua CDN vào dự án của mình


2. Thêm một id (hoặc lớp) duy nhất vào bảng HTML của bạn mà bạn muốn xuất thành trang tính excel

  
Company Contact Country
CodeHim Maria Anders Germany
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

3. Bây giờ, hãy tạo một nút sẽ được sử dụng để xuất bảng HTML của bạn sang tệp Excel


4


Ghi chú.


7 yêu cầu tệp CSS Font Awesome để hiển thị biểu tượng tệp excel trong nút xuất

3. 1 Cũng Load Font Awesome nếu chưa làm


4. Tạo kiểu cho bảng HTML của bạn và nút xuất bằng CSS (Tùy chọn)


0

5. Cuối cùng, khởi tạo plugin trong chức năng sẵn sàng cho tài liệu jQuery

Mẹo. Sử dụng sự kiện nhấp để xuất tệp khi nhấp vào nút. Nếu không, tệp sẽ được tải xuống khi tải nội dung

Nếu trang web của bạn chứa nhiều trang và dữ liệu và bạn đang muốn quản lý các trang đó ở một nơi duy nhất thì một trang tính Excel sẽ giúp bạn dễ dàng quản lý tất cả những thứ này. Excel là cách ưu tiên để xuất bất kỳ dữ liệu nào trên trang web của bạn ở định dạng hàng hoặc cột vì hàng và cột là phương pháp dễ dàng và đơn giản để hiển thị mọi thứ


Bảng sang Excel jQuery


Vì vậy, để xuất dữ liệu của website theo dạng hàng và cột, chúng tôi đã chọn ra 4 Plugin jQuery Export To Excel Phổ Biến Nhất và hoàn toàn miễn phí. Bằng cách thêm một trong những plugin này vào trang web của mình, bạn có thể dễ dàng xuất dữ liệu sang bảng tính excel. Các plugin này giữ cho dữ liệu trang web của bạn ở dạng bảng hoặc được sắp xếp giúp điều hướng dễ dàng

Các plugin này cũng hữu ích vì chúng bao gồm các tính năng để thực hiện như chọn, sắp xếp và lọc dữ liệu của bạn theo cách đơn giản. Các plugin jQuery miễn phí và sẵn sàng sử dụng này có sẵn để xuất bất kỳ loại dữ liệu nào bao gồm JSON, một mảng hoặc tệp CSV sang excel

Vì vậy, hãy chống lại các plugin xuất jQuery sang excel này và chọn plugin tốt nhất phù hợp với trang web của bạn. Các plugin này hoàn toàn có thể tùy chỉnh và cung cấp trải nghiệm hoàn toàn hiểu biết về công nghệ cho bạn


1. SlickGrid Xuất sang Excel Plugin jQuery

SlickGrid Export To Excel là một plugin jQuery được sử dụng để xuất toàn bộ dữ liệu của bạn sang tệp excel. Plugin cung cấp cho bạn tất cả các khả năng khi cung cấp cho ứng dụng web của bạn giao diện kiểu bảng tính với kiểu MS Excel

Nó bao gồm tất cả các tệp bên trong dist (có thể phân phối và thư mục nơi các tệp sẽ được lưu trữ) trong ứng dụng của bạn và xuất những dữ liệu đó của bạn thành tệp excel


Bảng sang Excel jQuery


Một tính năng hữu ích khác

  • Plugin bao gồm dấu gạch dưới và jQuery. lưới điện trơn. xuất khẩu. excel js trong trang web HTML của bạn mà hầu như không mất một phút để xuất dữ liệu của bạn sang excel
  • Nó sẽ tự động thêm nội dung base64 (tôi. e. dữ liệu chung) trong thuộc tính href (Tham khảo siêu văn bản) để xác định các phần trong tài liệu
  • Nó kết hợp với nhiều plugin khác như JsZip được sử dụng để tạo, đọc và chỉnh sửa nội dung. SWFObject để nhúng nội dung Adobe Flash vào các trang Web và hơn thế nữa
  • Plugin sẽ cung cấp cho bạn tùy chọn định dạng dữ liệu bất cứ lúc nào khi cần

định giá

Plugin hoàn toàn miễn phí. Bạn sẽ không mất gì ở bất kỳ giai đoạn tải xuống nào. Bạn có thể lấy sản phẩm này từ trang web chính thức của GitHub

Nhận thêm chi tiết tại đây


2. Plugin jQuery TableToExcel

jQuery TableToExcel là plugin nhẹ cho phép bạn nhúng bảng tính tương thích với Excel vào trang web của mình. Nó cho phép bạn tải dữ liệu lên bảng excel từ bảng HTML hoặc tệp CSV. Bạn có thể chỉ cần áp dụng plugin cho phần tử bảng HTML trên trang HTML của mình và lấy tệp excel làm bảng


Bảng sang Excel jQuery


Một tính năng hữu ích khác

  • Plugin này cho phép bạn thêm bất kỳ bảng nào bằng bộ chọn CSS để tiết kiệm nhiều thời gian và dễ dàng bảo trì
  • Nó cung cấp tùy chọn kích hoạt chức năng gọi lại sau khi quá trình xuất dữ liệu hoàn tất
  • Plugin cho phép bạn tải xuống tệp xlx để cung cấp dễ dàng hơn trên trang web của bạn

định giá

Sản phẩm này sẽ có giá $0. Nó cung cấp tất cả các dịch vụ miễn phí suốt đời

Nhận thêm chi tiết tại đây


3. Plugin jQuery Table2Excel

jQuery Table2Excel là plugin xuất sang excel phổ biến nhất có khả năng truyền các tài liệu được lập bảng HTML sang bảng tính excel. Plugin được tích hợp với. xls cho phép bạn mở tệp bảng tính trên các trang web của mình. Ngoài ra, với tiện ích mở rộng này, bạn sẽ nhận được thông báo cảnh báo về nội dung không được xuất chính xác sang trang tính excel


Bảng sang Excel jQuery


Một tính năng hữu ích khác

  • Plugin bao gồm bower là trình quản lý gói cho web (chứa các khung, thư viện, nội dung & tiện ích) và quản lý trạng thái trang web tổng thể của bạn
  • Plugin jQuery-Table2Excel cung cấp gói. json để chỉ định tất cả các phụ thuộc của phần mềm được tải qua Node. JS trong plugin
  • Plugin cung cấp cho bạn một "thư mục dist" nơi các tệp đã tạo được lưu trữ khi Grunt chạy (ba tiến trình chạy cùng lúc tôi. e. chạy, chờ và dừng)
  • Nó cung cấp trình phát hiện JSHint để phát hiện lỗi và sự cố tiềm ẩn trong plugin

định giá

jQuery-Table2Excel được cung cấp miễn phí nên bạn có thể tải xuống bất kỳ lúc nào từ trang web chính thức của GitHub mà không phải lo lắng

Nhận thêm chi tiết tại đây


4. Plugin xuất JQuery sang Excel

Bằng cách sử dụng plugin JsExport, bạn không chỉ có thể xuất bảng HTML, dữ liệu gridview sang tệp excel mà ngay cả trên tài liệu, XML và trên PPT. Bạn có thể thêm vô số màu trên phần tiêu đề, màu hàng thay thế, căn chỉnh văn bản, cỡ chữ, v.v. trên phần bảng tính của bạn


Bảng sang Excel jQuery


Một tính năng hữu ích khác

  • Plugin sẽ cung cấp cho bạn tùy chọn để thêm chế độ xem lưới hoặc bảng HTML bên trong div để trang web của bạn hoạt động bình thường
  • Nó cung cấp một phần của bộ lọc dữ liệu để tự động lọc dữ liệu trước khi xuất nội dung sang excel
  • JsExport tương thích với mọi trình duyệt hỗ trợ HTML5

định giá

JsExport là một plugin miễn phí được cung cấp bởi GitHub

Nhận thêm chi tiết tại đây


suy nghĩ cuối cùng

Bằng cách có được các Plugin jQuery Export To Excel tuyệt vời này, bạn sẽ làm tốt nhất cho trải nghiệm người dùng

Tất cả các plugin trong bài viết này đều có bản demo và chức năng trực tiếp. Bạn có thể xem bản demo trực tiếp của từng plugin và chọn plugin tốt nhất cho trang web của mình

Bạn có kinh nghiệm gì sau khi sử dụng các plugin này, hãy chia sẻ suy nghĩ của bạn với chúng tôi trong phần bình luận bên dưới

Làm cách nào để xuất bảng HTML sang XLSX bằng jQuery?

Đánh dấu HTML sau bao gồm một Bảng HTML và một Nút. Giải trình. Khi nhấp vào Nút Xuất, plugin jQuery table2excel được áp dụng cho Bảng HTML . Plugin jQuery table2excel chấp nhận tham số tên tệp đặt tên của tệp Excel.

Làm cách nào để chuyển đổi bảng thành Excel trong JavaScript?

Các bước xuất bảng HTML sang excel bằng JavaScript .
Đánh dấu HTML. Thêm bảng với một số dữ liệu
Nhập thư viện SheetJS
mã Javascript. Sử dụng thư viện SheetJS xuất dữ liệu bảng thành tệp excel

Làm cách nào để xuất div sang Excel bằng jQuery?

Bước 2. Sau đây là code xuất dữ liệu ra excel (jQuery). .
$("#btn_excel"). nhấp (chức năng (e) {
cửa sổ. mở ('dữ liệu. đơn/đồng. ms- excel,' + encodeURIComponent($('#content'). html()));
e. ngăn chặn Mặc định();

Làm cách nào để hiển thị dữ liệu Excel trong bảng HTML bằng jQuery?

Ví dụ 1. .
<. LOẠI TÀI LIỆU html>
<đầu>
Nhập Trang tính EXcel vào cấu trúc HTML bằng jQuery
.