Форматирование или стилизация заголовков столбцов MVC3 WebGrid

Я использую новый 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"));
});

В этом примере явно не хватает проверки, чтобы убедиться, что есть строки или действительно указанный идентификатор элемента, но он применяет класс css из первой строки к строке заголовка, что означает, что вы можете стилизовать независимо друг от друга.

td.my-column-style { width:100px }
th.my-column-style { text-align:right;}

Есть ли здесь встроенный способ стилизации элементов заголовка столбца (не только с использованием свойства headerStyle)?

12
задан Yuck 10 June 2014 в 11:55
поделиться