Xuất bảng html sang excel bằng javascript hình ảnh
|
Xuất dữ liệu ra excel rất hữu ích cho mọi doanh nghiệp trên ứng dụng web liệt kê dữ liệu. Mỗi lần, xuất dữ liệu bằng tính năng xuất tùy chỉnh giúp tải xuống danh sách dữ liệu bảng để sử dụng ngoại tuyến dưới dạng tệp excel như định dạng csv. Là một Nhà phát triển web, tôi được yêu cầu làm điều đó trong nhiều dự án trực tiếp khác nhau. Định dạng Excel xuất dữ liệu dưới dạng file lý tưởng trong mọi doanh nghiệp. Hầu hết chúng tôi đã sử dụng phương pháp phía máy chủ để xuất dữ liệu sang excel bằng php. Nhưng nếu bạn muốn tải dữ liệu bảng xuống excel bằng chế độ xem phía máy khách thì có thể dễ dàng thực hiện bằng javascript Tìm kiếm sự hỗ trợ với các bài tập Excel? Bạn nên truy cập https. // lõi bài tập. com/excel-homework/ và nhận trợ giúp về bài tập MS Excel trực tuyến từ một nhóm chuyên gia Trong hướng dẫn này, chúng ta sẽ tìm hiểu về cách xuất dữ liệu bảng HTML sang excel bằng JavaScript phía máy khách. Chức năng xuất dữ liệu phía Máy khách làm cho bất kỳ ứng dụng web nào trở nên thân thiện hơn với người dùng. Sử dụng JavaScript, chúng tôi có thể xuất hoặc tải xuống dữ liệu bảng HTML ở định dạng excel mà không cần làm mới trang Mục lục Xuất dữ liệu bảng HTML sang ExcelDữ liệu bảng HTML. 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
<bảng id="tblexportData"> <tr> <th>Tên</th> <th>Email</th> <th>Tuổi</th> <th>Di động</th> </tr> <tr> <td>Robert</td> <td>robert@gmail.com</td> <td>26</td> <td>9999999999</td> </tr> <tr> <td>Michael</td> <td>michael@gmail.com</td> <td>24</td> <td>9999999999</td> </tr> <tr> <td>Julie</td> <td>julie@gmail.com</td> <td>36</td> <td>9999999999</td> </tr> <tr> <td>Trevor</td> <td>trevor@gmail.com</td> <td>28</td> <td>9999999999</td> </tr> </bảng>
Mã JavaScriptHàm exportToExcel() sẽ sử dụng chuyển đổi dữ liệu bảng HTML sang excel và tải xuống dưới dạng tệp xls (. xls) 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
tableID – Bắt buộc. Chỉ định ID bảng HTML để xuất dữ liệu từ. 2 3 4 5 6
<button onclick="exportToExcel('tblexportData>Export Table Data To Excel File</button>
Nút trên kích hoạt chức năng exportToExcel() để tải xuống dữ liệu bảng HTML bằng javascript Nếu bạn muốn tải xuống hoặc xuất dữ liệu với tên tệp tùy chỉnh thì bạn có thể chuyển tên tệp của mình vào hàm exportToExcel(), xem mã nút bên dưới 2 3 4 5 6
<button onclick="exportToExcel('tblexportData>Export Table Data To Excel File</button>
Hoàn thành mã2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86
<html> <đầu> <tiêu đề>Xuất HTML Table Data to Excel using JavaScript | Trang web hướng dẫn</tiêu đề> <liên kết rel="biểu định kiểu" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" > </đầu> <nội dung> <div class="vùng chứa"> <bảng id="tblexportData" class="table"> <đầu> <tr> <th>Tên</th> <th>Email</th> <th>Tuổi</th> <th>Di động</th> </tr> </đầu> <tbody> <tr> <td>Robert</td> <td>robert@gmail.com</td> <td>26</td> <td>9999999999</td> </tr> <tr> <td>Michael</td> <td>michael@gmail.com</td> <td>24</td> <td>9999999999</td> </tr> <tr> <td>Julie</td> <td>julie@gmail.com</td> <td>36</td> <td>9999999999</td> </tr> <tr> <td>Trevor</td> <td>trevor@gmail.com</td> <td>28</td> <td>9999999999</td> </tr> </tbody> </bảng>
<button onclick="exportToExcel('tblexportData class="btn btn-success">Export Table Data To Excel File</button> </div> </body> </html>
Sự kết luậnMã ví dụ của chúng tôi sẽ giúp bạn dễ dàng xuất dữ liệu bảng bằng mã javascript tối thiểu Bạn có muốn nhận trợ giúp triển khai hay sửa đổi hoặc mở rộng chức năng của tập lệnh này không? Pradeep Maurya Pradeep Maurya là Nhà thiết kế & Nhà phát triển web chuyên nghiệp và là Người sáng lập “Trang web hướng dẫn”. Anh ấy sống ở Delhi và thích trở thành một người tự lập. Với tư cách là chủ sở hữu, anh ấy đang cố gắng hết sức để cải thiện nền tảng này từng ngày. Niềm đam mê, sự cống hiến và khả năng ra quyết định nhanh chóng của anh ấy nổi bật so với những người khác. Anh ấy là một người đam mê viết blog và viết trên các ấn phẩm như Dzone, e27. đồng |
