我想将一个“大”表(很多列)拆分为较小的表,例如每两列。
有没有简单的方法可以做到这一点?
我这里只有桌子http://jsfiddle.net/xy3UF/4/。例如,我想将其分成每两列。结果我应该有一个三个表,其中包含#
列,每列包含大表中的 2 列。
期望的输出:http://jsfiddle.net/xy3UF/15/
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();
}
}
}
}
Where $table
是表 jQuery 对象,并且chunkSize
是每个的大小split。在您的示例中,将其称为split($("table"), 2)
。注意chunkSize
必须均匀划分列数(不包括第一列)才能正常工作,例如,对于包含 7 列的表,valid值chunkSize
是 1、2 和 3。
DEMO.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)