表格導出到excel的樣式消失該如何修改


工作中遇到一需求,要將后台的表格導出到excel后的表格樣式該如何修改呢?
其實表格導出首先需要了解兩個插件:jquery.table2excel.js和tableExport.js

1、第一步,寫一個導出按鈕button

<button id="datatable">導出</button>

2、第二步,初始化js

①jquery.table2excel.js

$('button').click(function(){   
        $("#datatable").table2excel({  
           exclude: ".noExl",  
           name: "Excel Document Name",  
           filename: "myFileName",  //此處為導出的文件名
           exclude_img: true,  
           exclude_links: true,  
           exclude_inputs: true  
           ///////此處的配置項可以根據需求配置
        });  
        }) 

②tableExport.js

$("button").click(function(){
        $('#datatable').tableExport({
        type:'excel',
        escape:'false',
        fileName: 'myFileName'//此處為導出的文件名
        ///////此處的配置項可以根據需求配置
        });
    });

3、如果導出的表格的樣式無法導出到excel,需要自己在js里寫,如下圖

4、最后在HTML文件中引入相對應的js文件即可。


免責聲明!

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



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