datatables button

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;
                          }
                      }
                  }
              }
      ]
  } );