Question

有没有办法（使用jquery，yui或其他一些js库）显示第一列中包含标题的网格？

也就是说，我会有类似的东西：

Name       Geoffrey
EMail      GMan67@..
Username   GJFM

而不是：

Name      EMail      Username
Geoffrey  GMan67@..  GJFM

Answer 1

您想要创建的内容称为数据透视表。我不知道有任何开箱即用的解决方案。

Answer 2

是的，有办法做到这一点，我花了一个小时写作，但这是一个很好的练习：）

这将在内部切换标题和列。它有两种方式。即你可以使用它来回切换两种风格。

// number of columns
columns = $('table.flipme th').size();
// number of rows minus one to exclude the header
rows = $('table.flipme tr').size() - 1;  
$table = $('table.flipme');

// Add rows to the table to equal the number of columns
while (rows < columns){
    $table.append('<tr></tr>');
    rows++
}

// flip in place and mark the old rows and
// columns as a duplicate to be removed
for (i=1; i<=rows; i++){
    $('tr')
    .children(':nth-child(' + i + ')').addClass('delete')
    .clone(true).removeClass('delete')
    .appendTo('tr:eq(' + i + ')');
}
// remove dublicate
$('.delete').remove();

网格的第一列是标题？

2 个答案: