pdf按钮在DataTables中不起作用答案

【问题标题】：pdf button not working in DataTablespdf按钮在DataTables中不起作用
【发布时间】：2015-07-14 09:26:06
【问题描述】：

我在我的 html 页面中使用了数据表。我插入了一个 pdf 按钮，它将以 pdf 格式保存文档/表格。这是数据表中的默认功能。

但是，虽然按钮显示在 html 页面中，但它不起作用。

下面是我的代码：

datatable.html

<html>

<link rel="stylesheet" type="text/css" href="DataTables-1.10.7/media/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="DataTables-1.10.7/media/js/jquery.js"></script>
<script type="text/javascript" charset="utf8" src="DataTables-1.10.7/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf8" src="DataTables-1.10.7/extensions/TableTools/js/dataTables.tableTools.js"></script>
<link rel="stylesheet" type="text/css" href="DataTables-1.10.7/extensions/TableTools/css/dataTables.tableTools.css">

<!--<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.js"></script>-->

<body>
<table id="example" class="display">
    <thead>
    <tr>
        <th>First Name</th>
        <th>Last Name</th>
    </tr>
    </thead>

</table>

<script>

    $(document).ready( function () {

  var data = [
    [
      "Tiger Nixon",
      "System Architect"
    ],
    [
      "Garrett Winters",
      "Accountant"
    ]
    ];

    $('#example').dataTable({
         "aaData": data,
         "dom" : 'T<"clear">lfrtip',
         "tableTools" : {
            "sSwfPath": "DataTables-1.10.7/extensions/TableTools/swf/copy_csv_xls_pdf.swf"
         }
    });
} );

</script>
</body>
</html>

怎么办？

【问题讨论】：

您是否为页面启用了 Flash？这是 tabletools 无法正常工作的一个非常常见的原因。此外，为 sSwfPath 提供绝对路径总是一个好主意。
您的“导出”按钮是否出现在视图中。如果是这样，请检查 .swf 文件。文件路径可能有误

标签： pdf datatable datatables tabletools

【解决方案1】：

Try this :
add following js and css in following sequence :

https://www.datatables.net/release-datatables/media/js/jquery.js
https://www.datatables.net/release-datatables/media/js/jquery.dataTables.js
https://www.datatables.net/release-datatables/extensions/TableTools/js/dataTables.tableTools.js
https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css

<table id="example" class="display">
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
    </thead>
</table>

    $(function () {

    var data = [
        [
            "Tiger Nixon",
            "System Architect"],
        [
            "Garrett Winters",
            "Accountant"]
    ];

     $('#example').dataTable( {
         "aaData": data,
        "dom": 'T<"clear">lfrtip',
        "tableTools": {
            "sSwfPath": "/swf/copy_csv_xls_pdf.swf"
        }
    } );


});

【讨论】：