使用 Jquery 插件將 HTML 表和表單數據導出到 Excel

Question

我有一個 HTML 頁面，它有一個 from 和兩個表，數據是從 MySQL 獲取的。 我想使用 Jquery 插件將表單和表格數據導出到 Excel。

我使用了以下 Jquery 插件。 但是，它只導出表格數據，省略了表格數據。

https://www.jqueryscript.net/table/Export-Html-Table-To-Excel-Spreadsheet-using-jQuery-table2excel.html

<form id="ex1>
  <label>Roll No 2</label>
  <input type="text value="Anil">
  <label>Name</label>
  <input type="text value="Anil">
  <label>Dept</label>
  <input type="text value="CSE">
</form>

<table id="ex2>
  <tr>
    <th>Subject</th>
    <th>Mark</th>
  </tr>

  <tr>
    <td>English</td>
    <td>69</td>
  </tr>

  <tr>
    <td>Maths</td>
    <td>50</td>
  </tr>

  <tr>
    <td>Computer</td>
    <td>90</td>
  </tr>
</table>

出口

<script>
  $("#export").click(function(){
     $("body").table2excel({
        exclude: ".noExl",
        name: "Worksheet Name",
        filename: "Employee Details",
        fileext: ".xls", 
        exclude_img: true,
        exclude_links: true,
       exclude_inputs: true
   }); 
 });
</script>

Answer 1

您需要將form數據添加到tr td格式的 html table中。

Answer 2

正如Tabrosh Shaikh建議的那樣，您必須在表格中添加表單數據。

您可以使用style="display:none;"在表格中添加隱藏行並在#export的click事件中將form值復制到這些table行中。 因此這些行在 UI 上將不可見，但會在 excel 中導出。