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和foot
                    body: 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 原文地址