Добавить класс к

Question

Достаточно просто добавить класс к тд в сетке, например:

new WebGridColumn {
    ColumnName= "Owl.Species",
    Header= "Scientific Name",
    Style= "sci-name"
}

Тег style добавляет класс "sci-name" к td, Как я могу добавить класс к th для этого столбца без использования JQuery, который не был бы идеальным решением.

Answer 1

Я не думаю, что есть встроенный способ сделать это. Вы даже не можете расширить классы WebGrid, так как их методы не помечены как виртуальные. Лучший способ, который я могу придумать, это использовать немного CSS, nth-child нацелиться на th элемент по индексу.

<style type='text/css'>
    table thead tr th:nth-child(2) {
        background: yellow;
    } 
</style>

Все еще не идеально, но я думаю, что лучше, чем использование JQuery.

Answer 2

Мы можем сделать это с помощью Javascript Код, как показано ниже, это самый простой способ.

Пример JsFiddle

$("table tr th:nth-child(n)").addClass("col-md-1");

Answer 3

Вы можете использовать headerStyle собственностью WebGrid.GetHtml Параметры для этого

Например:

Надеюсь это поможет!!!