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