zoukankan      html  css  js  c++  java
  • 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 原文地址

  • 相关阅读:
    [NOI2010]航空管制
    [POI2008]POD-Subdivision of Kingdom
    CF17C Balance
    [HAOI2007]理想的正方形
    [Code+#1]大吉大利,晚上吃鸡!
    HDU 3371
    hdu1102
    最短路算法、应用、模板总结
    csu十月月赛 并查集+分组背包
    csu 十月月赛 最短路+最小费用
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/8581396.html
Copyright © 2011-2022 走看看