Первый столбец сетки это заголовки?

Question

Есть ли способ (с помощью jquery, yui или другой библиотеки js) отобразить сетку с заголовками в первом столбце?

То есть я бы что-то вроде:

Name       Geoffrey
EMail      GMan67@..
Username   GJFM

Вместо:

Name      EMail      Username
Geoffrey  GMan67@..  GJFM

Answer 1

Да, есть способ сделать это, я написал час, но это было хорошее упражнение:)

Это переключит заголовки и столбцы на место. И это работает в обе стороны. то есть вы можете использовать его для переключения двух стилей вперед и назад.

// 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();

Answer 2

То, что вы хотите создать, называется сводной таблицей. Я не знаю ни одного готового решения для этого, хотя.