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

您似乎正在使用datatables 1.10

的按钮配置

Datatables 1.9

有点不同

以下是我过去用来显示CSV按钮的一些代码：

setTimeout(function(){
        $scope.$apply(function() {
          $uibModal.open({
          templateUrl : 'popup_inner.html' 
        });
     })
 },1);

这对我有用，但您应该检查文档并根据需要调整它。希望它有所帮助！

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>

jquery datatable excel导出按钮未显示

2 个答案: