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隱藏掉


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM