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 原文地址

  • 相关阅读:
    HDU- 1075 What Are You Talking About (Trie or map)
    HDU-1251 统计难题 (Trie)
    Trie树模板(插入和查询)
    HDU 5120 Intersection
    HDU 5025 Saving Tang Monk(状压bfs)
    Light OJ 1094 (树的直径)
    zzuli 1877 蛤玮打扫教室
    HDU 5642 King's Order(数位dp)
    POJ 2689 Prime Distance
    hdu 3853 LOOPS(概率dp)
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/8581396.html
Copyright © 2011-2022 走看看