Discussion :

[crocodingo]

Bonjour,

j'utilise le tag lib display et je voudrais changer la couleur des colones triables.

je suis arriver a tout changer (la couleur et le format) du text des colones et des titres avec des css, mais les titres des colones triable sont en orange automatiquement.

Je ne sait pas comment faire.

voici mon tableau:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<display:table decorator="com.monappli.MyDecorator" requestURI="administrationForward.do"  class="adminTable" name="tabusers" defaultorder="descending" pagesize="5">
	<display:setProperty name="css.tr.even" value="adminTableEven"></display:setProperty>
 
	<display:column property="id" title="Id" sortable="true" headerClass="adminTableNomCol" />
	<display:column property="nom" title="Nom" headerClass="adminTableNomCol"/>
	<display:column property="prenom" title="Prénom" headerClass="adminTableNomCol"/>
	<display:column property="estSuspendu" title="Suspendu" headerClass="adminTableNomCol"/>
	<display:column property="profil" title="Profil" headerClass="adminTableNomCol" />
	<display:column property="suppression" title="Suppression" headerClass="adminTableNomCol"/>
	<display:column property="modification" title="Modification" headerClass="adminTableNomCol"/>	
</display:table>

dans ce tableau, ma colone Id est triable, et le titre de la colone est en orange --> c'est pas super jolie^^

Merci d'avance pour votre aide.

[darkyspirit]

Bonjour,

Lorsque tu mets la propriété sortable à "true" au niveau de tes colonnes : displaytag positionne la classe css "sortable" sur la balise th de ton tableau html.

Pour modifier la couleur tu dois donc modifier la classe css "sortable" pour les entêtes "TH":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
th.sortable {
 
	background-color: ce-que-tu-veux-comme-couleur;
 
}

Voila , j'espère t'avoir aidé

[crocodingo]

j'arrive a changer la background color, sa marche mais pour la couleur du texte rien y fait il veut rien savoir.

j'ai mis dans mon css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
.adminTable th.sortable
{
	color : #FFFFFF;
	background-color: #000000;
}

sa a mis le fond de mes case de titre sortable en noir, mais la couleur du text n'a pas changé.

j'ai essayé aussi de rajouter ceci dans mons tableau:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<display:setProperty name="css.th.sortable" value="adminTable"></display:setProperty>

mais cela n'a rien changer.

[darkyspirit]

A toi de nous dire comment tu gère les feuilles de styles pour ton appli.

Si tu as une feuilles css séparée pour les displayTag, mieux vaut faire la modif dedans! (recommandée)

Sinon tu la met dans ton css gobal.

[crocodingo]

je sais pas s'il y a une feuille de style separée pour les display tag mais on dirai que pour le text il va chercher l'info ailleur ou que c'est ecraser par un autre valeur, car j'arrive a tous modifier sauf cette proprieté.

sa fait des jour que sa dur, j'en ai marre^^.

[darkyspirit]

pour la couleur du texte il s'agit d'un lien hypertexte. Donc tu dois modifier comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.adminTable th.sortable a
{
	color : #FFFFFF;
	background-color: #000000;
}