$('#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隐藏掉