如何将HTML表格导出或转换为CSV？

Question

我想把我的html表导出成CSV文件。有没有什么简单的代码？其中用户将使用两个或三个步骤和CSV将下载。

<table>
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
    </tr>
  </thead>
  <tr>
    <td rowspan='2'>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>5</td>
  </tr>
  <tfoot>
    <tr>
      <th colspan='2'>6 <span style='display:none'> 7 
</span> 8</th>
    </tr>
  </tfoot>
</table>

Answer 1

tabletoCSV是一个最低限度的jQuery工具，用于将html表格转换/导出为CSV (逗号分隔值)文件。只需使用这三个简单的步骤，CSV就会导出。

1. Include jQuery library and the jQuery tabletoCSV plugin on the web page.

    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="http://www.jqueryscript.net/demo/jQuery-Plugin-To-Convert-HTML-Table-To-CSV-tabletoCSV/jquery.tabletoCSV.js"></script>

2. Add a button for table to CSV export.

    <button id="export" data-export="export">Export</button>

3. Enable the Table To CSV tool.

    $("#export").click(function(){
      $("table").tableToCSV();
    });