J'utilise la nouvelle webgrid MVC3. Jusqu'ici tout va bien, il suffit d'avoir des problèmes de coiffage / formatage des en-têtes de colonne. Le meilleur que j'ai obtenu est une solution de contournement qui applique la même classe CSS à partir de la première ligne de la WebGrid à l'en-tête de la table. Cet exemple n'a évidemment pas un chèque pour s'assurer qu'il y a des lignes ou en effet l'identifiant d'élément spécifié, mais il applique la classe CSS de la première ligne à la ligne d'en-tête, ce qui signifie que vous pouvez styler de manière indépendante l'une de l'autre. y a-t-il intégré manière de coiffer les éléments d'en-tête de colonne (non seulement à l'aide de la propriété Headersyle)?
3 Réponses :
Non, à l'instant, il n'y a pas de place intégrée pour styler les cellules d'en-tête indépendamment, seule la ligne d'en-tête via la propriété de la tête.
Je pense que votre solution de contournement est assez bonne.
@Jason en effet. WebGrid est une grande catastrophe!
Je sais que c'est une ancienne question, mais cela peut être utile aux téléspectateurs qui le trébuchent. Le sélecteur Pseudo Nth-enfant CSS est votre ami, si vous ne voulez pas compter sur JavaScript pour copier les classes. Il est facile d'ajouter une classe à votre webgrid à l'aide de la propriété Tabletyle, puis de styliser les en-têtes individuels avec le bit de CSS suivant:
.webgridclass tr th:nth-child(1){
background:#ff0;
}
.webgridclass tr th:nth-child(2){
background:#f60;
}
Nous pouvons faire cela à l'aide de JavaScript comme ci-dessous.