jquery datatable excel導出按鈕未顯示

Question

嗨，我正在使用Datatables js版本1.9.4 css版本1.9.4 。 並使用下面的代碼初始化數據表。

還添加了支持js和css

<script type="text/javascript" th:src="@{/resources/js/excel-export/dataTables.buttons.min.js}"></script>
<script type="text/javascript" th:src="@{/resources/js/excel-export/buttons.flash.min.js}"></script>
<script type="text/javascript" th:src="@{/resources/js/excel-export/jszip.min.js}"></script>
<script type="text/javascript" th:src="@{/resources/js/excel-export/buttons.html5.min.js}"></script>
<script type="text/javascript" th:src="@{/resources/js/excel-export/buttons.print.min.js}"></script>
<link th:href="@{/resources/js/excel-export/buttons.dataTables.min.css}"
    type="text/css" rel="stylesheet" />

var tblUnSubscribedKeys = $('#tblUnSubscribedKeys').DataTable({
                     "aoColumns" : [ null, null,null,null,null,null],
                     "processing": true,
                     "serverSide": true,
                     dom: 'Bfrtip',
                           buttons: [
                               'excel'
                           ]
                 });

問題是，表上的數據填充正確。 但是excel導出按鈕不可見。

Answer 1

您似乎正在使用數據表1.10的按鈕配置

在Datatables 1.9中有點不同

這是我過去用來顯示CSV按鈕的一些代碼：

"sDom": 'T<"clear">lfrtip',
"oTableTools": {
            "aButtons" : [
                {
                    "sExtends" : "csv",
                    "sButtonText" : "Download Excel"
                },
                {
                    "sExtends" : "pdf",
                    "sButtonText" : "Download PDF",
                    "sPdfOrientation": "landscape"
                }
            ],
            "sSwfPath": "/swf/copy_csv_xls_pdf.swf"
        },

這對我有用，但你應該檢查文檔並根據你的需要進行調整。 希望能幫助到你！

Answer 2

這對我有用。 在您的頁面中添加此cdn css和js。

  <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">



  <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.0.3/js/buttons.html5.min.js"></script>