工作中遇到一需求,要將后台的表格導出到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文件即可。