jq 前端table导出excl

你可以使用 jQuery 和 js-xlsx 库来实现前端 table 导出 excel 的功能。下面是一个简单的示例代码：

<!-- 引入必要的库 -->
<script src="https://cdn.bootcss.com/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/xlsx/0.17.1/xlsx.full.min.js"></script>

<!-- 定义一个 table -->
<table id="exportTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
  </tbody>
</table>

<!-- 定义一个导出按钮 -->
<button id="exportBtn">导出</button>

<script>
  $(function() {
    $('#exportBtn').click(function() {
      // 获取 table 数据
      var data = [];
      $('#exportTable tr').each(function() {
        var rowData = [];
        $(this).find('td').each(function() {
          rowData.push($(this).text());
        });
        data.push(rowData);
      });

      // 创建 workbook 和 worksheet 对象
      var wb = XLSX.utils.book_new();
      var ws = XLSX.utils.aoa_to_sheet(data);

      // 将 worksheet 添加到 workbook
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

      // 导出 excel 文件
      var fileName = 'export.xlsx';
      XLSX.writeFile(wb, fileName);
    });
  });
</script>

这段代码会将 id 为 exportTable 的 table 中的数据导出到一个名为 export.xlsx 的 excel 文件中。你只需要将 table 的 id 和导出按钮的 id 修改成你自己的即可。