具有垂直行的HTML表

Question

如何在HTML中创建垂直表？垂直是指行将是垂直的，并且表头在左侧。

我还需要这种方式，以便可以像使用普通表一样访问这些行（在这种情况下为垂直）。这是因为我动态地获取了一行的数据（例如A行）并将其插入到表中。我正在使用angularJS来避免DOM操作，因此我没有在寻找使用Javascript 进行复杂的DOM操作。

Answer 1

$(function() {
    var t = $('#thetable tbody').eq(0);
    var r = t.find('tr');
    var cols= r.length;
    var rows= r.eq(0).find('td').length;
    var cell, next, tem, i = 0;
    var tb= $('<tbody></tbody>');

    while(i<rows){
        cell= 0;
        tem= $('<tr></tr>');
        while(cell<cols){
            next= r.eq(cell++).find('td').eq(0);
            tem.append(next);
        }
        tb.append(tem);
        ++i;
    }
    $('#thetable').append(tb);
    $('#thetable').show();
}