datatables 的导出button自定义
生活随笔
收集整理的這篇文章主要介紹了
datatables 的导出button自定义
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.dom 方式
$('#myTable').DataTable( {dom: 'Bfrtip',buttons: ['copy', 'excel', 'pdf']
} );
2.手動插入
var table = $('#example').DataTable( {buttons: ['copy', 'excel', 'pdf']
} );table.buttons().container().appendTo( $('.col-sm-6:eq(0)', table.table().container() ) ); $('#myTable').DataTable( {buttons: ['extend': 'excelHtml5', //導出文件格式為excel'text': '導出', //按鈕標題'title': 'XXX-' + start_date + "-" + end_date, //導出的excel標題'className': 'btn btn-primary', //按鈕的class樣式'exportOptions':{ //從DataTable中選擇要收集的數據。這包括列、行、排序和搜索的選項。請參閱button.exportdata()方法以獲得完整的詳細信息——該參數所提供的對象將直接傳遞到該操作中,以收集所需的數據,更多options選項參見:https://datatables.net/reference/api/buttons.exportData()'format': { //用于導出將使用的單元格格式化函數的容器對象 format有三個子標簽,header,body和footbody: function ( data, row, column, node ) { //body區域的function,可以操作需要導出excel的數據格式if(column === 4 && (data == null || data == "" || data == "0%")){return 0;}else{return data;}}}}]
} );
http://blog.csdn.net/liuyuqin1991/article/details/74980616 原文地址
轉載于:https://www.cnblogs.com/zjpzjp/p/8581396.html
總結
以上是生活随笔為你收集整理的datatables 的导出button自定义的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 粉红小猪中有一个叫“快乐小鸡”的游戏
- 下一篇: qt乱码Could not decode