jquery数据表插件将文件保存为.xls答案

【问题标题】：jquery datatable plugin save file as .xlsjquery数据表插件将文件保存为.xls
【发布时间】：2014-07-11 08:02:25
【问题描述】：

我正在使用 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');
                });
            }
        });

【问题讨论】：

标签： jquery excel csv jquery-datatables

【解决方案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');
        });
    }
});

【讨论】：