Javascript 如何将单元格添加到表中，然后在N列后换行

我有一个带有标题的单列表。当选择页面上的其他元素时，标识符将动态添加为新行：

Identifiers
789654    
321478    
963258    
741825    
917382    
147896

这很好，但有时会使页面相当长。有人建议我们首先添加列而不是行，然后在达到N列后创建新行。因此，对于N=5：

Identifiers
789654 321478 963258 741825 917382    
147896

我可以每次编写Javascript来解析表内容，但有没有更简单的方法

---

JQuery fu解决了这个问题，但肯定有更好的方法

var x = 0;
var y = 0;

AddThis('012345');
AddThis('678901');
AddThis('123456');
AddThis('789012');
AddThis('345678');
AddThis('901234');

function AddThis(ident)
{       
    if (x === 0 && y === 0)
    {
        $('#wibble tr:last').after(Rowify(GetId()));        
    }
    else
    {    
        if (x === 5)
        {   
            y++;           
            $('#wibble tr:last').after(Rowify(GetId()));
            x = 0;            
        }
    }
    $('#' + GetId()).append(Cellify(ident));
    x++;
}

function GetId()
{
    return 'r' + y;
}

function Rowify(id) {
    return "<tr id='" + id + "'></tr>";
}

function Cellify(data) {
    return '<td>' + data + '</td>';
}

var x=0；
var y=0；
加上（'012345'）；
加上（'678901'）；
加上这个（'123456'）；
加上（'789012'）；
加上（'345678'）；
加上（'901234'）；
函数AddThis（ident）
{       
如果（x==0&&y==0）
{
$（'#wibble tr:last'）。在（Rowify（GetId（）））之后；
}
其他的
{    
如果（x==5）
{   
y++；
$（'#wibble tr:last'）。在（Rowify（GetId（）））之后；
x=0；
}
}
$（'#'+GetId（））.append（Cellify（ident））；
x++；
}
函数GetId（）
{
返回'r'+y；
}
函数Rowify（id）{
返回“”；
}
函数Cellify（数据）{
返回“”+数据+“”；
}

---

使用flexbox而不是表格。事实上，您似乎不应该一开始就使用表“…有更简单的方法吗？”-可能，但在没有看到您的代码（和HTML）的情况下，我们应该如何提供任何具体的帮助或指导？请重新阅读关于您应该添加到问题中的代码的“”指南，以便我们能够切实帮助您。发布一些您当前用于添加行的代码。好的，我在Q中添加了一个小标题。@DavidThomas请尝试自己重新阅读这篇文章。这不是关于代码的问题。。。