javascript - jquery数据表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

您似乎正在使用 datatables 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"
        },

这对我有用，但您应该检查文档并根据您的需要进行调整。 希望对您有帮助!