Remplacer Tapestry Grille

Question

Je veux étendre la tapisserie composante de la grille pour être en mesure d'obtenir le comportement suivant:

Je veux une colonne spécifique pour avoir le texte aligné à droite, ce qui ne pose aucun problème avec css. Cependant, je veux aussi que les icônes pour le tri de la table (dans l'en-tête du tableau) soient à gauche du texte (pas à droite) dans ce cas.

Est-ce possible?

Answer 1

Cependant je veux aussi les icônes de la table de tri (en-tête de la table) à gauche du texte (pas à droite) dans ce cas.

Je fonde ma réponse sur cette démonstration au hasard: http://jumpstart.doublenegative.com.au/jumpstart/previews/easycrud/persons

.t-data-grid th:nth-child(3) a:last-child { 
    float: left 
} 
.t-data-grid th:nth-child(3) a > img { 
    margin: 0 4px 0 0 
} 

Vous pouvez remplacer th:nth-child(3) avec une classe si on le souhaite, par exemple th.lastName.

:last-child/nth-child n'est pas pris en charge dans IE7/8. Si vous avez besoin de prendre en charge ces navigateurs, vous pouvez utiliser à la place :first-child, qui est pris en charge:

.t-data-grid th.lastName a { 
    float: left 
} 
.t-data-grid th.lastName a:first-child { 
    float: none 
} 
.t-data-grid th.lastName a > img { 
    margin: 0 4px 0 0 
}