jQuery dataTables -如何克隆页眉以创建页脚

Question

我使用JSON为DataTable创建数据，但也为头创建数据。但是，我注意到没有创建页脚。所以我需要手动操作。我的想法是克隆页眉来创建页脚，但我不知道如何去做。

我使用以下代码：

$.getJSON("http://127.0.0.1/info", function( data ) {
  $(document).ready(function() {
$('#log').html( '<table class="display compact" id="log-data" width="100%"></table>' );

var table = $('#log-data').dataTable( {   
  "dom": '<"tblContainerT"T><"tblContainerTop"lf><rt><"bottom"ip>',
  "tableTools": {
    "sSwfPath": "/swf/copy_csv_xls_pdf.swf",
    "TableToolsInit.sTitle": "data-export".
  },
  "data": data['tbody'],
  "columns": data['thead'],
  "lengthMenu":[[25,200,500,-1],[25,200,500,"All"]],
  'fnInitComplete' : function () {
    $("thead tr").clone().appendTo($("tfoot tr")) ;
  }
});

new $.fn.dataTable.FixedHeader( table, {
      bottom: true
});

  });
});

有关部分如下：

  'fnInitComplete' : function () {
    $("thead tr").clone().appendTo($("tfoot tr")) ;
  }

它不起作用了，所以出了问题。你知道怎么做吗？

如果你需要更多的信息，请告诉我。

Answer 1

当我们不知道你的标记是什么时候就很难说了。

如果您只有<tfoot></tfoot>：

fnInitComplete : function() {
   $("thead tr").clone().appendTo($("tfoot")) ;
}

演示-> http://jsfiddle.net/gu5qvjag/

如果您有<tfoot><tr></tr></tfoot>：

fnInitComplete : function() {
    $("thead tr th").each(function(i, th) {
        $(th).clone().appendTo($("tfoot tr"));
    });    
}

演示-> http://jsfiddle.net/uj5dpbua/

更新。遗憾的是，忽略了<table>本身也是由代码生成的:(

fnInitComplete : function() {
    $("#log-data").append('<tfoot></tfoot>');
    $("#log-data thead tr").clone().appendTo($("#log-data tfoot")) ;
}