Jquery datatables導出Excle表的問題

FileSaver.js，如果有瀏覽器不支持Blob的，還需要引入Blob.js，來做導出。HTML內容的，構造壹個base64字符串的路徑，跳轉地址下載，其實也可以將數據抽出來，用純數據的方式。但這種導出table表格的數據在IE上測試是無法兼容的，而且在使用的過程中，壹旦點擊了導出，我的分頁會沒有用，導致分頁沒用的原因是因為我使用了固定列，導出excel會導出兩層的數據，先刪除了div在加上div來避免導出重復的數據。

所以為了更好的導出excel數據，datatables本身就提供了導出

excel、csv、pdf等格式的功能，參考如下鏈接：/extensions/buttons/examples/html5/excelTextBold.html（官方的例子導出excel，

有源碼和所需的文件）：/extensions/buttons/examples/initialisation/export.html（導出csv/pdf/copy/打印）

1.所需的js文件：

//code./jquery-1.12.4.js

/1.10.13/js/jquery.dataTables.min.js

/buttons/1.2.4/js/dataTables.buttons.min.js

//cdnjs./ajax/libs/jszip/2.5.0/jszip.min.js

//cdn./buttons/1.2.4/js/buttons.html5.min.js

$(document).ready(function() {

$('#example').DataTable( {

dom: 'Bfrtip',

"buttons": [

{

'extend': 'excel',

'text': '導出',//定義導出excel按鈕的文字

'exportOptions': {

'modifier': {

'page': 'current'

}

}

}

],

} );

} );

2.所需的css：

/1.10.13/css/jquery.dataTables.min.css

/buttons/1.2.4/css/buttons.dataTables.min.css

3.html代碼：

<table id="example" class="display nowrap" cellspacing="0" width="100%">

<thead>

<tr>

<th>Name</th>

<th>Position</th>

<th>Office</th>

<th>Age</th>

<th>Start date</th>

<th>Salary</th>

</tr>

</thead>

<tfoot>

<tr>

<th>Name</th>

<th>Position</th>

<th>Office</th>

<th>Age</th>

<th>Start date</th>

<th>Salary</th>

</tr>

</tfoot>

<tbody>

<tr>

<td>Tiger Nixon</td>

<td>System Architect</td>

<td>Edinburgh</td>

<td>61</td>

<td>2011/04/25</td>

<td>$320,800</td>

</tr>

<tr>

<td>Garrett Winters</td>

<td>Accountant</td>

<td>Tokyo</td>

<td>63</td>

<td>2011/07/25</td>

<td>$170,750</td>

</tr>

</tbody>

</thead>

</table>

上一篇:求90年代的經典atv亞視經典電視劇？

下一篇:鳳凰涅槃其實是個誤會，真正的鳳凰遠比妳想象厲害