jquery - 将 Bootstrap 数据表的所有行导出到 Excel

Question

我在将 Bootstrap 数据表行导出到 Excel 时遇到问题。

为了将数据导出到 Excel，我使用了一个名为 jquery.table2excel.js 的外部插件。

导出数据表到excel的代码如下:

<script type="text/javascript" src="js/jquery.table2excel.js">
</script>
<script>
 $(function() {
    var startDate = $(".startDate").val();
    var endDate = $(".endDate").val();
    $("#exportExcel").click(function(){
        $("#table_id").table2excel({
            exclude: ".noExl",
            //name: "Excel Document Name",
            filename:  "Data from " + startDate + " to " + endDate
        }); 
     });
    $("#table_id").dataTable();
  });
</script>

对于数据表，我使用以下库:

<script type="text/javascript" src="js/jquery.dataTables.min.js">
</script>
<script type="text/javascript" src="js/dataTables.bootstrap.js">
</script>

表格如下:

<table id="table_id" class="table table-striped table-condensed table-
bordered">
  <thead>`Table Headers here`</thead>
  <tbody>`Rows from Database here`</tbody>
</table>

问题描述如下:

1. 当我尝试使用导出功能时，只有可见行会导出到 Excel 中，而不是分页行。

例如假设如果我每页有 10 行，那么只有前 10 行将被导出，当我将每页行更改为 25 时，所有 25 行都会被导出。

我希望使用我正在使用的插件一次性导出所有行。请问有什么想法吗？

Answer 1

解决方案

您可以使用$()方法来访问所有行，甚至不存在于 DOM 中，并使用这些行构造一个新表。然后，您可以在新构建的表上执行table2excel()以获取包含所有行的Excel文件。

例如:

$(function() {
   var startDate = $(".startDate").val();
   var endDate = $(".endDate").val();

   $("#exportExcel").click(function(){
      $('<table>')
         .append(
            $("#table_id").DataTable().$('tr').clone()
         )
         .table2excel({
            exclude: ".excludeThisClass",
            name: "Worksheet Name",
            filename: "SomeFile" //do not include extension
         });
   });

   $("#table_id").dataTable();
});

演示

参见this page用于代码和演示。

注释

打开 table2excel.js 生成的文件时，Excel 2013 显示以下错误。

Excel cannot open the file [filename] because the file format or file extension is not valid. Verify that the file has not been corrupted and that the file extension matches the format of the file.

由于这个错误，我宁愿使用DataTables TableTools plug-in相反，尽管它只能生成 CSV 文件并且还使用 Flash。