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

How to add a cell to a table and then wrap after N columns

本文关键字：然后换行之后单元格添加更新时间：2023-09-26

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

Identifiers
789654    
321478    
963258    
741825    
917382    
147896

这可以正常工作，但有时会使页面相当长。有人建议我们首先添加列而不是行，然后在达到N列时创建新行。所以对于N=5:

Identifiers
789654 321478 963258 741825 917382    
147896

我可以写Javascript来解析表的内容，但有一个更简单的方法吗?

JSFiddle

更多的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>';
}

JSFiddle