将HTML表格数据导出到excel无法正常工作

时间:2019-03-11 09:16:28

标签: javascript jquery html-table

我有一个小的HTML表格,我想导出到excel

  • 我的表具有col-span,所以当我单击excel上的export时,会将数据导出到excel,但col-span不能正确导出
  • 我的表正在像this
  • 那样导出

代码

$(document).ready(function() {
  $("#export").click(function() {
    $("#test").table2excel({
      filename: "test.xls"
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<script src="https://cdn.rawgit.com/rainabba/jquery-table2excel/1.1.0/dist/jquery.table2excel.min.js"></script>
<table class="table table-hover table-bordered" id="test">
  <tr>
    <th colspan="2">Month</th>
    <th colspan="2">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>100</td>
    <td>January</td>
    <td>50</td>

  </tr>
  <tr>
    <td>February</td>
    <td>80</td>
    <td>January</td>
    <td>70</td>
  </tr>

</table>
<button id="export" class="btn btn-default commonButton">
		<i class='fas fa-file-export'></i>&nbsp;Export
	</button>

我如何导出Excel中的HTML表格

我正在使用table2excel j查询插件,我也愿意使用其他任何插件,这可以给我正确的结果

我正在使用的插件链接:-https://github.com/rainabba/jquery-table2excel

1 个答案:

答案 0 :(得分:0)

在顶部添加以下脚本并删除上一个。它对我有用:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://rawgit.com/unconditional/jquery-table2excel/master/src/jquery.table2excel.js"></script>