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数据添加到table格式的HTML tr td中。

Answer 2

根据Tabrosh Shaikh的建议，您将不得不在表中添加表单数据。

您可以使用style="display:none;"在表中添加隐藏的行，并将form的值复制到table事件的click事件的这些#export行中。因此，这些行将在UI上不可见，但将在excel中导出。

使用Jquery插件将HTML表和表单数据导出到Excel

2 个答案: