2012-10-05 3 views
2

Je veux aligner à droite les valeurs numériques dans un tableau de cellule. J'ai déjà essayé de trouver un moyen d'attribuer un nom de style aux colonnes sélectionnées afin de pouvoir l'aligner avec CSS, mais je n'arrivais toujours pas à le comprendre.Comment aligner le texte des colonnes CellTable sélectionnées dans GWT?

enter image description here

J'ai aussi essayé cela, mais n'a pas fonctionné,

itemPriceColumn.setHorizontalAlignment(HasAlignment.ALIGN_RIGHT); 

Selon la documentation GWT, le nouvel alignement horizontal appliquera la prochaine fois que la table est rendue ... et je Je ne sais pas encore quels paramètres je dois passer car cela est requis par la méthode render(). Donc j'espère des réponses qui impliqueraient CSS.

Répondre

8

Eh bien, ce que vous aviez est presque droite. Cela fonctionne pour moi, sans css: myColumn.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_RIGHT);

+0

Cela a fonctionné parfaitement. Merci! – Deses

+0

C'est le problème avec ces énormes frameworks. Ils ont tout ce dont vous avez besoin. Mais il est difficile de trouver quoi que ce soit parce qu'il y a tellement de choses à creuser. –

0

Option 1: Utiliser float: à droite sur l'élément parent (dans le CellTable).

Option 2: Créer votre propre TextCell et mettre en œuvre rendre méthode pour générer quelque chose comme ceci:

<div style="width:100%; text-align:center;"> your value </div> 
1
unitPriceColumn.setCellStyleNames("alignRight"); 

totalAmountColumn.setCellStyleNames("alignRight"); 

alignRight est le nom de votre CSS.

.alignRight {text-align:right}