Jquery 从大型单个表动态创建多个表
我仍然被困在这个问题中。我想基于列分隔符从单个表动态创建多个表。比方说,我在一个表中有11列,分隔符是3。因此,将有三个表和三列,第四个表将有两列。我还想在每个表中重复标题。下面是示例HTML表Jquery 从大型单个表动态创建多个表,jquery,split,html-table,Jquery,Split,Html Table,我仍然被困在这个问题中。我想基于列分隔符从单个表动态创建多个表。比方说,我在一个表中有11列,分隔符是3。因此,将有三个表和三列,第四个表将有两列。我还想在每个表中重复标题。下面是示例HTML表 <table class="PrintTable"> <tr> <td> <table> <thead> <tr><th>Type Of Transaction<
<table class="PrintTable">
<tr>
<td>
<table>
<thead>
<tr><th>Type Of Transaction</th></tr>
</thead>
<tbody>
<tr>
<td>Name</td>
</tr>
<tr>
<td>Age</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2006</th></tr>
</thead>
<tbody>
<tr>
<td>Andi</td>
</tr>
<tr>
<td>25</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2007</th></tr>
</thead>
<tbody>
<tr>
<td>tom</td>
</tr>
<tr>
<td>26</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2008</th></tr>
</thead>
<tbody>
<tr>
<td>Tiger</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2009</th></tr>
</thead>
<tbody>
<tr>
<td>Horse</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2011</th></tr>
</thead>
<tbody>
<tr>
<td>Twinkle</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2012</th></tr>
</thead>
<tbody>
<tr>
<td>Haris</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2013</th></tr>
</thead>
<tbody>
<tr>
<td>LEno</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2014</th></tr>
</thead>
<tbody>
<tr>
<td>Jay</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
</tr>
交易类型
名称
年龄
2006
安迪
25
2007
汤姆
26
2008
老虎
28
2009
马
28
2011
闪烁
28
2012
哈里斯
28
2013
纱罗
28
2014
杰伊
28
预期产量
<table class="PrintTable">
<tr>
<td>
<table>
<thead>
<tr><th>Type Of Transaction</th></tr>
</thead>
<tbody>
<tr>
<td>Name</td>
</tr>
<tr>
<td>Age</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2006</th></tr>
</thead>
<tbody>
<tr>
<td>Andi</td>
</tr>
<tr>
<td>25</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2007</th></tr>
</thead>
<tbody>
<tr>
<td>tom</td>
</tr>
<tr>
<td>26</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2008</th></tr>
</thead>
<tbody>
<tr>
<td>Tiger</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<table class="PrintTable">
<tr>
<td>
<table>
<thead>
<tr><th>Type Of Transaction</th></tr>
</thead>
<tbody>
<tr>
<td>Name</td>
</tr>
<tr>
<td>Age</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2009</th></tr>
</thead>
<tbody>
<tr>
<td>Horse</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2011</th></tr>
</thead>
<tbody>
<tr>
<td>Twinkle</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2012</th></tr>
</thead>
<tbody>
<tr>
<td>Haris</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<table class="PrintTable">
<tr>
<td>
<table>
<thead>
<tr><th>Type Of Transaction</th></tr>
</thead>
<tbody>
<tr>
<td>Name</td>
</tr>
<tr>
<td>Age</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2013</th></tr>
</thead>
<tbody>
<tr>
<td>LEno</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<thead>
<tr><th>2014</th></tr>
</thead>
<tbody>
<tr>
<td>Jay</td>
</tr>
<tr>
<td>28</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
交易类型
名称
年龄
2006
安迪
25
2007
汤姆
26
2008
老虎
28
交易类型
名称
年龄
2009
马
28
2011
闪烁
28
2012
哈里斯
28
交易类型
名称
年龄
2013
纱罗
28
2014
杰伊
28
任何帮助都将不胜感激我制作了一个函数,它(我认为)可以实现您想要的功能。可以这样称呼:
split_up_table(master_table, number_of_columns);
…它将返回一个新的、更小的表数组。每个表都有主表的标题,并且每个表都有正确的列数
查看您的想法:以下是执行拆分的jQuery代码。这会对3列执行“while((j<3)…”,您可以将其转换为函数并传入值。代码非常简单。不要忘记使用“clone()”方法“复制并粘贴”而不是“剪切并粘贴” 问候 尼尔
var printTable = $('table.PrintTable');
var printTableTds = $('table.PrintTable>tbody>tr>td');
var numberOfTds = $(printTableTds).size() - 1;
var tableHeader = $(printTableTds).eq(0);
var i = 1, j;
while (i < numberOfTds) {
newTable = $('<table class="printTable" />');
newTableBody = $('<tbody />').appendTo(newTable);
newTableRow = $('<tr />').appendTo(newTableBody);
$(tableHeader).clone().appendTo(newTableRow);
j = 0;
while ((j++ < 3) && (i <= numberOfTds)) {
$(printTableTds).eq(i++).clone().appendTo(newTableRow);
}
$(newTable).insertBefore(printTable);
}
var printTable=$('table.printTable');
var printTableTds=$('table.PrintTable>tbody>tr>td');
var numberOfTds=$(printTableTds).size()-1;
var tableHeader=$(printTableTds).eq(0);
var i=1,j;
而(i 而((j++<3)和(&)我非常感谢你救了我的命day@sdleihssirhc小提琴坏了,你能把密码寄出去吗?