一尘不染

具有垂直行的HTML表

html

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

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


阅读 354

收藏
2020-05-10

共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();
}
2020-05-10