将"大"表拆分为较小的表

Question

我想将一个"大"表(很多列)分成小表,每个例如2列.

有一个简单的方法吗？

我这里只有表http://jsfiddle.net/xy3UF/4/.我希望例如每2列拆分一次.因此,我应该有一个包含#列的三个表,每个表包含大表中的两列.

期望的输出:http://jsfiddle.net/xy3UF/15/

Answer 1

function split($table, chunkSize) {
  var cols = $("th", $table).length - 1;
  var n = cols / chunkSize;

  for (var i = 1; i <= n; i++) {
     $("<br/>").appendTo("body");
     var $newTable = $table.clone().appendTo("body");
     for (var j = cols + 1; j > 1; j--) {
         if (j + chunkSize - 1 <= chunkSize * i || j > chunkSize * i + 1) {
             $('td:nth-child(' + j + '),th:nth-child(' + j + ')', $newTable).remove();
         }
     }
  }  
}

$table表jQuery对象在哪里,并且chunkSize是每个拆分的大小.在您的示例中,将其称为split($("table"), 2).请注意,chunkSize必须均匀地划分列数(不包括第一列)才能使其正常工作,例如,对于包含7列的表,有效值为chunkSize1,2和3.

演示.