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

时间:2017-08-30 11:04:33

标签: jquery html-table

我想将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>

1 个答案:

答案 0 :(得分: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();
    });