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

Question

我使用 JSON 为 DataTable 创建数据，同时也为 header 创建数据。但是，我注意到页脚没有创建。所以我需要手动进行。我的想法是克隆页眉来创建页脚，但我不知道该怎么做。

我正在使用以下代码:

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