javascript - 动态表格 HTML Javascript

Question

我需要使用 Javascript 读取现有表格，然后将其复制并粘贴到弹出窗口中。完成之后，我需要动态更改表格。弹出窗口中复制的表格必须具有相同的行，但也必须具有固定的高度。要复制的表没有固定数量的行。弹出内容必须打印在纸上，所以我不能应用简单的溢出来 table 。我不想减小字体大小以将所有内容插入固定空间，但如果阅读的内容太长，我想动态扩展表格宽度。例如，这是我的起始表(6 行):

H1   H2   H3
TD1  TD1 TD1 
TD2  TD2 TD2 
TD3  TD2 TD3 
TD4  TD4 TD4 
TD5  TD5 TD5 
TD6  TD6 TD6 

复制的表格应该是这样的:

H1   H2   H3 H1   H2  H3
TD1  TD1 TD1 TD4  TD4 TD4 
TD2  TD2 TD2 TD5  TD5 TD5 
TD3  TD2 TD3 TD6  TD6 TD6 

或者

H1   H2   H3 
TD1  TD1 TD1 TD4  TD4 TD4 
TD2  TD2 TD2 TD5  TD5 TD5 
TD3  TD2 TD3 TD6  TD6 TD6 

(我不想重复标题)。

最快/最聪明的方法是什么？

Answer 1

我认为最快的方法是获取表格的标记，将其插入弹出窗口，然后应用类或 ID 重新设置样式。也许对溢出使用滚动而不是尝试重新排序单元格。或者可能是标题排在第一列的不同布局。

jQuery 可能看起来像这样:

$('#popup').append($('table').html().addClass('popTable'));

和CSS .popTable{溢出:自动;}

关于使用 javascript 重新排列表格的最简单方法，到目前为止您尝试过什么？