用于在 HTML 表格或 div 网格中将列转换为行以及将行转换为列的 JavaScript 代码或框架

Question

我正在寻找可以帮助我操作 HTML 网格的脚本或 JavaScript 框架插件。在某些事件调用中，列和行应该互换。

Answer 1

这是一个简单的函数，假设恰好有 n*m 个单元格(没有 colspans/rowspans，没有变化的行宽):

function translate(tableel) {
    var rows = tableel.rows,
        m = rows.length,
        n = rows[0].cells.length;
    for (var i=0; i<n; i++) {
        var r = tableel.insertRow(-1);
        for (var j=0; j<m; j++)
            r.appendChild(rows[j].cells[0]);
    }
    for (var i=0; i<m; i++)
        tableel.deleteRow(0);
}

使用 jQuery 会复杂得多:-)