Añadir una clase a un ª

Question

Es bastante fácil para agregar una clase a un TD en una WebGrid, por ejemplo:

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

La etiqueta de estilo agrega la clase "ciencia nombre" al td. ¿Cómo puedo agregar una clase al th para esa columna sin usar jQuery, que no sería la solución ideal?

Answer 1

Usted puede utilizar la propiedad headerStyle de WebGrid.GetHtml parámetros para este

Ej:

Esperanza esto ayuda !!!

Answer 2

No creo que haya una forma incorporada de hacerlo. Ni siquiera puede extender las clases de WebGrid, ya que sus métodos no están marcados como virtuales. La mejor manera en que puedo pensar es usar algún CSS, nth-child para apuntar al elemento th por su índice.

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

Todavía no es ideal, pero creo que es mejor que usar JQuery.

Answer 3

Podemos hacer esto usando el código Javascript como se muestra a continuación, es la manera más fácil.

JsFiddle Example

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