Html.Grid aligner à droite les données dans la colonne

Question

Dans un Html.Grid, comment pouvons-nous nous assurer que les données de la colonne (par exemple les montants en devise) sont alignées à droite?

Merci.

Answer 1

Vous voulez dire dans la grille MvcContrib?

Vous pouvez utiliser quelque chose comme:

column.For(x => x.Amount).Attributes(style => "text-align:right"); 

ou plus, vous pouvez définir une classe tidily:

column.For(x => x.Amount).Attributes(@class => "right-align"); 

et définir une règle de style appropriée sur cette classe.

Answer 2

Voici ce qui a fonctionné pour moi. Dans les grilles, htmlAttributes affecte un identifiant à la table résultante. Dans cet exemple "gridT". Dans le CSS, créez un style pour "#gridT", pour la deuxième colonne pour aligner le texte à gauche.

@grid.GetHtml(
. 
. 
    htmlAttributes: new { id = "gridT" }, 
     columns: grid.Columns(
     grid.Column(columnName: "ID", header: "ID"), 
     grid.Column(columnName: "Name", header: "Name") 

<style> 
    #gridT th:nth-child(2) { 
      text-align: left; 
    } 
</style> 

La deuxième colonne "Nom" sera alignée à gauche.