首先需要的引入的js
https://code.jquery.com/jquery-1.12.4.js
https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js
https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js
https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js
https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js
然后需要引入的css
https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css
https://cdn.datatables.net/buttons/1.5.1/css/buttons.dataTables.min.css
再就是上代码啦
$(function () {
$('#example2').DataTable({
serverSide: false,//分页,取数据等等的都放到服务端去. true为后台分页,每次点击分页时会请求后台数据,false为前台分页
dom: 'Bfrtip',
buttons: [ {
extend: 'excelHtml5',
text:'导出数据',
customize: function( xlsx ) {
var sheet = xlsx.xl.worksheets['sheet1.xml'];
$('row c[r^="C"]', sheet).attr( 's', '2' );
}
} ]
)}
注意如果数据是从后台获取的,那么serverSide就需要设为false,然后后台不用分页,直接获取所有的数据,在前台进行分页。不然导出的excel只有当前页的数据。