Dom说明
定义表格控件在页面的显示顺序。
每个控件元素在数据表都有一个关联的单个字母。
l
- 每页显示行数的控件f
- 检索条件的控件t
- 表格控件i
- 表信息总结的控件p
- 分页控件r
- 处理中的控件- B-button 控件
"buttons": [ { 'extend': 'excel', 'text': '按钮名字', 'className':'ml-15 btn btn-success',//按钮的class名称 'exportOptions': { 'modifier': { 'page': 'current' }, 'columns':'1,2,3,4,5,6,7',//导出的列,默认全部 } }
"dom": "<'row'<'col-xs-2'l><'#mytool.col-xs-4'><'col-xs-6'Bf>r>" + "t" + "<'row'<'col-xs-6'i><'col-xs-6'p>>", buttons: [ { extend:'copyHtml5',className: 'btn btn-default btn-xs'}, {extend:'excelHtml5',className: 'btn btn-default btn-xs'}, { extend:'csvHtml5',className: 'btn btn-default btn-xs'}, { extend:'pdfHtml5',className: 'btn btn-default btn-xs'}
$('#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; } } } } ] } );