DataTable插件通过js导出Excel

$('#myTab').DataTable( {
            serverSide: false,//分页,取数据等等的都放到服务端去. true为后台分页,每次点击分页时会请求后台数据,false为前台分页
               dom: 'Bfrtip',
            buttons: [{
                extend: 'excelHtml5',
                text:'下载Excel',
                   customize: function( xlsx ) {
                    var sheet = xlsx.xl.worksheets['sheet1.xml'];
                    $('row c[r^="C"]', sheet).attr( 's', '2' );
                    }
                }]
            })

这是页面上DataTable插件的初始化代码,  最好放在文档就绪函数里面执行,  如果页面初始化过,再次初始化时会报错...

同时还需引入两个插件

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.18/b-1.5.4/b-flash-1.5.4/b-html5-1.5.4/datatables.min.css"/>
    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.18/b-1.5.4/b-flash-1.5.4/b-html5-1.5.4/datatables.min.js"></script>

这是在线版,如需离线可以去DataTable官网下载,这样页面在初始化时会生成一个下载Excel按钮, 点击就可以下载Excel 如果不需要多余的插件出现的按钮或组件, 可以简单css隐藏掉

posted @ 2019-01-08 14:48  &傻小子  阅读(2335)  评论(1编辑  收藏  举报