DataTables JS / TableTools JS - 导出和打印

Question

我正在使用数据表 (http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js) & tableTools (http://www.datatables.net/release-datatables/extensions/TableTools/js/dataTables.tableTools.js & http://www.datatables.net/release-datatables/extensions/TableTools/css/dataTables.tableTools.css) 并显示一个 table 并想打印它。但是我遇到了同样的问题。

这是我的选择

 $("#reportTableId").DataTable({
            "paging": false,
            "ordering": false,
            "info": false,
            "sDom": 'Tlrt',
            "iDisplayLength": 100,
            tableTools: {
                "sSwfPath": "../ed1/static/swf/copy_csv_xls_pdf.swf",
                "aButtons": [
                    {
                        "sExtends": "collection",
                        "sButtonText": "Save",
                        "aButtons": [
                            {
                                "sExtends": "xls",
                                "sTitle": $Name
                            },
                            {
                                "sExtends": "pdf",
                                "sTitle": $Name
                            }
                        ],
                        "mColumns": [0, 1, 2],
                        "sPdfOrientation": "landscape"
                    },
                    {
                        "sExtends": "print",
                        "mColumns": "visible"
                    }
                ]
            }
        });

我的报告html结构采用以下格式

    <table id="reportTableId">
  <tr>
    <th class="tg-031e" colspan="2"></th>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e" colspan="2"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
</table>

css

   .tg-031ea {
        width: 15%;
    }

当我尝试导出到 Excel 时，我只得到第一列，没有得到第二列；
在 excel 中没有导出单元格颜色
在 PDF 中，我认为报告 HTML 是 13 页，我只得到 1 页输出。我试过包含列，但没有成功。

如有任何帮助，我们将不胜感激。

HTML 输出：

PDF 输出：（仅标题栏）

Answer 1

希望这还不算太晚，根据我以前的经验，我了解到 Datatables 需要值 HTML table，所以在你的 [=13] 中有一个 colspan =] 没有帮助。

DataTables JS / TableTools JS - 导出和打印

DataTables JS / TableTools JS - exporting and printing

jquery

datatables

tabletools