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只有当前页的数据。





  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值