Question

我在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>

怎么办？

Answer 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"
        }
    } );


});

pdf按钮在DataTables中不起作用

1 个答案: