1，需要导入两个js文件，一个tableExport.js，另一个是jquery.base64.js，前一个文件是导出数据和核心类库，后一个是为了避免导出中文时乱码的js文件，如果你导出的数据没有中文，可以不适用它。

说明：只能对table标签进行操作

2，导入以上两个js后，为下载按钮绑定事件，如下代码是最简单的导出配置

//文件导出--------------------------

$("#btnExport").click(function(){

        $('#stats_datatable').tableExport({

        type:'excel',

        escape:'false',

        fileName: 'UV_statistic_table'

        });

    });

说明：stats_datatable是table标签的id

<table class="table table-striped" id="stats_datatable" >

<tbody id='uvnum'>

</tbody>

</table>

3，可以查看tableExport.js文件相关详细配置，一下是源码中默认配置

  $.fn.extend({

        tableExport: function (options) {

            var defaults = {

                consoleLog: false,

                csvEnclosure: '"',

                csvSeparator: ',',

                csvUseBOM: true,

                displayTableName: false,

                escape: false,

                excelstyles: ['border-bottom', 'border-top', 'border-left', 'border-right'],

                fileName: 'tableExport',

                htmlContent: false,

                ignoreColumn: [],

                ignoreRow: [],

                jspdf: {

                    orientation: 'p',

                    unit: 'pt',

                    format: 'a4',

                    margins: { left: 20, right: 10, top: 10, bottom: 10 },

                    autotable: {

                        padding: 2,

                        lineHeight: 12,

                        fontSize: 8,

                        tableExport: {

                            onAfterAutotable: null,

                            onBeforeAutotable: null,

                            onTable: null

                        }

                    }

                },

                numbers: {

                    html: {

                        decimalMark: '.',

                        thousandsSeparator: ','

                    },

                    output: {

                        decimalMark: '.',

                        thousandsSeparator: ','

                    }

                },

                onCellData: null,

                outputMode: 'file', // file|string|base64

                tbodySelector: 'tr',

                theadSelector: 'tr',

                tableName: 'myTableName',

                type: 'csv',

                worksheetName: 'xlsWorksheetName'

            };

---------------------

作者：Itxingfeichen

来源：CSDN

原文：https://blog.csdn.net/xingfeichen/article/details/53840673

版权声明：本文为博主原创文章，转载请附上博文链接！