按每个列的字母顺序显示表中的列表

Question

我有一个名字列表，我想在一个表中显示。这个表有4列，我希望项目按照每列的顺序显示。

给定这个列表:

A,B,C,D,E,F,G,H,I,J,K,L,M,N,O

我希望它像这样显示:

<表类>tbody><<tr>E我MBFJNCG td>ODHL

您可以首先创建一个包含所有列的数组，然后在构建表时对其进行转置。

let items = ['A','B','C','D','E','F','G','H','I'];
let nCols = 4, nRows = Math.ceil(items.length / nCols), rem = items.length % nCols;
const cols = [];
for (let i = 0, j = 0; i < nCols; i++)
cols.push(items.slice(j, j += Math.floor(items.length / nCols) + (i < rem)));
const table = document.createElement('table');
for (let i = 0; i < nRows; i++) {
const row = table.insertRow();
for (let j = 0; j < nCols; j++) {
const cell = row.insertCell();
cell.textContent = cols[j][i];
}
}
document.body.append(table);

table, td {
border: 1px solid;
border-collapse: collapse;
padding: 5px;
}