datatables把table导出为excel

首先需要的引入的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只有当前页的数据。





你可能感兴趣的:(datatables)