Question

在我的Web应用程序中，我需要将html表和c3图表导出到Excel工作表。我可以使用FileSaver.js将表导出到excel但是我迷失了如何将表和图表导出到一个excel文件中的方法。请给我任何建议或样品？谢谢。

Answer 1

检查此链接..

    <script src="http://alasql.org/console/alasql.min.js"></script>
<button onclick="window.exportCSV()">Export table to Excel</button>
<table width="100%">
<tr><th>Table 1</th><th>Table 2</th>
<tr><td>
<table  id="table1" border="1"  align="center" >
    <thead>
         <tr><th>ID</th><th >Name</th><th>Month</th><th>Savings</th></tr>
    </thead>
    <tbody>
         <tr><td>101</td><td>John</td><td>January</td><td>$100</td></tr>
         <tr><td>102</td><td>Rianna</td><td>Feb</td><td>$200</td></tr>
         <tr><td>103</td><td>Michael</td><td>Mar</td><td>$300</td></tr>
   </tbody>
</table>
<td>
  <table  id="table2" border="1" align="center" >
     <thead>
         <tr><th>ID</th><th >Name</th><th>Month</th><th>Savings</th></tr>
    </thead>
    <tbody>
         <tr><td>101</td><td>Valentin</td><td>January</td><td>$10000</td></tr>
         <tr><td>102</td><td>Olga</td><td>Feb</td><td>$20000</td></tr>
         <tr><td>103</td><td>Alesya</td><td>Mar</td><td>$300000</td></tr>
   </tbody>
  </table>

window.exportCSV =    function exportCSV() {
    var data1 = alasql('SELECT * FROM HTML("#table1",{headers:true})');
    var data2 = alasql('SELECT * FROM HTML("#table2",{headers:true})');
    var data = data1.concat(data2);
    alasql('SELECT * INTO CSV("data.csv",{headers:true}) FROM ?', [data]);
}

我在我的项目中使用了这个。工作很酷：）

Angularjs将表格和c3图表导出到Excel工作表

1 个答案: