MVC3 WebGrid Formatting or Styling Column Headers

Я использую новый MVC3 WebGrid. Пока все хорошо, просто возникают проблемы со стилем / форматированием заголовков столбцов. Лучшее, что у меня есть, - это обходной путь, который применяет тот же класс css из первой строки WebGrid к заголовку таблицы.

var headerCells = $("#grid tr:eq(0) th");
var firstRowCells = $("#grid tr:eq(1) td");

$.each(firstRowCells, function (index, value) {
    $(headerCells[index]).addClass($(firstRowCells[index]).attr("class"));
});

В этом примере явно не хватает проверки, чтобы убедиться, что есть строки или действительно указанный идентификатор элемента, Дан, 68,20 Suse, 42,40 Трейси, 50,38 В: Имя, Дэн, Сьюз, Трейси Время, 68,42,50 Оценка, 20,40,38 РЕДАКТИРОВАТЬ: в исходном вопросе использовался термин «транспонировать» ...

Например, я хотел бы преобразовать:

Name,Time,Score
Dan,68,20
Suse,42,40
Tracy,50,38

В:

Name,Dan,Suse,Tracy
Time,68,42,50
Score,20,40,38

РЕДАКТИРОВАТЬ: в исходном вопросе использовался термин « транспонировать "неправильно.