所需插件：tableExport.js

地址：https://github.com/hhurz/tableExport.jquery.plugin

同時(shí)還有個(gè)簡(jiǎn)版莺禁，不要混淆了（這兩個(gè)版本對(duì)中文處理不好，建議用上面那款）

https://github.com/kayalshri/tableExport.jquery.plugin

https://github.com/golfing4ca/tableExport.jquery.plugin

1.導(dǎo)入js文件

2.增加引用

showExport: true,? ? ? ? ? ? ? ? ? ? //是否顯示導(dǎo)出

exportDataType: "basic",? ? ? ? ? ? ? //basic', 'all', 'selected'.

3.實(shí)例：

$('#tb_departments').bootstrapTable({

url: '/abbs_docking/projectStatisticsQuery.do',? ? ? ? //請(qǐng)求后臺(tái)的URL（*）

method: 'get',? ? ? ? ? ? ? ? ? ? ? //請(qǐng)求方式（*）

striped: true,? ? ? ? ? ? ? ? ? ? ? //是否顯示行間隔色

sortOrder: "asc",? ? ? ? ? ? ? ? ? //排序方式

queryParams: oTableInit.queryParams,//傳遞參數(shù)（*）

sidePagination: "server",? ? ? ? ? //分頁(yè)方式：client客戶端分頁(yè)晒哄，server服務(wù)端分頁(yè)（*）

pageNumber:1,? ? ? ? ? ? ? ? ? ? ? //初始化加載第一頁(yè)睁宰，默認(rèn)第一頁(yè)

pagination: true,

pageSize: 10,? ? ? ? ? ? ? ? ? ? ? //每頁(yè)的記錄行數(shù)（*）

minimumCountColumns: 2,? ? ? ? ? ? //最少允許的列數(shù)

uniqueId: "processId",? ? ? ? ? ? ? ? ? ? //每一行的唯一標(biāo)識(shí)肪获，一般為主鍵列

height: 500,

cardView: false,? ? ? ? ? ? ? ? ? ? //是否顯示詳細(xì)視圖

detailView: true,? ? ? ? ? ? ? ? ? //是否顯示父子表

showExport: true,? ? ? ? ? ? ? ? ? ? //是否顯示導(dǎo)出

exportDataType: "basic",? ? ? ? ? ? ? //basic', 'all', 'selected'.

columns: [{

field: 'processId',

title: '項(xiàng)目ID'

}, {

field: 'processName',

title: '項(xiàng)目名稱'

},{

field: 'requester',

title: '上報(bào)人'

}, {

field: 'processStatistics',

title: '銷售金額(元)'

}, {

field: 'processStartDate',

title: '上線時(shí)間'

}, {

field: 'click1',

align: 'center',

width: '6%',

title: '',

formatter:function(value,row,index){

return '業(yè)績(jī)趨勢(shì)';? ? ? ? ? ? ? ? }? ? ? ? ? ? }, {? ? ? ? ? ? ? ? field: 'click2',? ? ? ? ? ? ? ? align: 'center',? ? ? ? ? ? ? ? width: '6%',? ? ? ? ? ? ? ? title: '',? ? ? ? ? ? ? ? formatter:function(value,row,index){? ? ? ? ? ? ? ? ? ? return '銷售明細(xì)';? ? ? ? ? ? ? ? }? ? ? ? ? ? },{? ? ? ? ? ? ? ? field: 'click3',? ? ? ? ? ? ? ? align: 'center',? ? ? ? ? ? ? ? width: '6%',? ? ? ? ? ? ? ? title: '',? ? ? ? ? ? ? ? formatter:function(value,row,index){? ? ? ? ? ? ? ? /* if (row.processStatus == '進(jìn)行中'){? ? ? ? ? ? ? ? ? ? return '關(guān)閉';? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? return null;? ? ? ? ? ? ? ? ? ? } */? ? ? ? ? ? ? ? return null;? ? ? ? ? ? ? ? }? ? ? ? ? ? },{? ? ? ? ? ? ? ? field: 'processInstId',? ? ? ? ? ? ? ? title: '實(shí)例ID'? ? ? ? ? ? },{? ? ? ? ? ? ? ? field: 'processTempId',? ? ? ? ? ? ? ? title: '模板ID'? ? ? ? ? ? }, ],? ? ? ? ? ? //注冊(cè)加載子表的事件。注意下這里的三個(gè)參數(shù)柒傻！? ? ? ? ? ? /* onExpandRow: function (index, row, $detail) {? ? ? ? ? ? ? ? oTableInit.InitSubTable(index, row, $detail);? ? ? ? ? ? } */? ? ? ? });

4.也可選擇性添加button點(diǎn)擊事件來實(shí)現(xiàn)下載

onClick="$('#yourtableid').tableExport({type:'excel',escape:'false'})"

5.測(cè)試效果孝赫，下載正常，中文顯示正常