jquery 数据表插件将文件另存为 .xls

Question

我正在使用 jquery 数据表插件来显示数据。我添加了文件另存为 excel、csv 和 pdf 的选项。

虽然它允许我将表格内容保存为文件。但在 excel 和 csv 情况下，它都会将文件保存为 .csv。

我想要 Excel 按钮来允许我将文件保存为 .xls 格式。如何在这个插件中实现这一点。

以下是我正在使用的代码。

$('#datatable_tabletools').dataTable({
            "sDom" : "<'dt-top-row'Tlf>r<'dt-wrapper't><'dt-row dt-bottom-row'<'row'<'col-sm-6'i><'col-sm-6 text-right'p>>",
            "aaSorting": [],
            "oTableTools" : {
                "aButtons" : ["copy", "print", {
                    "sExtends" : "collection",
                    "sButtonText" : 'Save <span class="caret" />',
                    "aButtons" : ["csv", "xls", "pdf"]
                }],
                "sSwfPath" : "<?=$baseUrl?>static/js/plugin/datatables/media/swf/copy_csv_xls_pdf.swf"
            },
            "fnInitComplete" : function(oSettings, json) {
                $(this).closest('#dt_table_tools_wrapper').find('.DTTT.btn-group').addClass('table_tools_group').children('a.btn').each(function() {
                    $(this).addClass('btn-sm btn-default');
                });
            }
        });

Answer 1

这是可能的。您必须使用“sFileName”属性。

要实现您的目标，请为 Excel 导出指定 "sFileName": "*.xls"。

这是您根据需要进行调整的代码:

$('#datatable_tabletools').dataTable({
    "sDom" : "<'dt-top-row'Tlf>r<'dt-wrapper't><'dt-row dt-bottom-row'<'row'<'col-sm-6'i><'col-sm-6 text-right'p>>",
    "aaSorting": [],
    "oTableTools" : {
        "aButtons" : ["copy", "print", {
            "sExtends" : "collection",
            "sButtonText" : 'Save <span class="caret" />',
            "aButtons" : ["csv", {
                        "sExtends": "xls",
                        "sFileName": "*.xls",
                        "bFooter": false
                    }, "pdf"]
        }],
        "sSwfPath" : "<?=$baseUrl?>static/js/plugin/datatables/media/swf/copy_csv_xls_pdf.swf"
    },
    "fnInitComplete" : function(oSettings, json) {
        $(this).closest('#dt_table_tools_wrapper').find('.DTTT.btn-group').addClass('table_tools_group').children('a.btn').each(function() {
            $(this).addClass('btn-sm btn-default');
        });
    }
});