Vous remarquerez que le CellTable utilise un ResourceBundle, ce qui signifie que tous les styles CSS se brouillées ... ce qui rend plus difficile de passer outre les styles.
Le constructeur CellTable vous permettra réellement de remplacer le ResourceBundle par défaut. Donc d'abord, vous devez créer votre propre ensemble de ressources comme ceci:
public interface CellTableResources extends Resources {
public CellTableResources INSTANCE =
GWT.create(CellTableResources.class);
/**
* The styles used in this widget.
*/
@Source("CellTable.css")
CellTable.Style cellTableStyle();
}
Ensuite, vous devez créer votre propre fichier CSS. Je recommande de copier le style CellTable directement dans votre projet et de l'utiliser comme point de départ.Vous pouvez le trouver ici: http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/cellview/client/CellTable.css
Assurez-vous que le style est injecté d'abord, puis vous nourrir juste dans le constructeur de la CellTable comme ceci:
CellTableResources.INSTANCE.cellTableStyle().ensureInjected();
myCellTable = new CellTable<T>(Integer.MAX_VALUE,CellTableResources.INSTANCE);
Plus précisément, vous aurez envie de modifier ces styles :
- cellTableKeyboardSelectedRow
- cellTableKeyboardSelectedRowCell
- c ellTableSelectedRow
- cellTableSelectedRowCell
- cellTableKeyboardSelectedCell
Il est important de noter que la table de cellule établit une distinction entre la 'ligne sélectionnée' et la «ligne sélectionnée du clavier. La ligne sélectionnée est la ligne sélectionnée (c'est-à-dire via SelectionModel). La ligne sélectionnée au clavier fait référence à ce qui est en surbrillance lorsque l'utilisateur appuie sur la touche haut/bas, mais ne signifie pas que la ligne est réellement sélectionnée (si cela a du sens).
Une précision, je vous recommande de copier le style CellTableBasic.css et de l'utiliser comme référence: http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com /google/gwt/user/cellview/client/CellTableBasic.css ... la feuille de style CellTable.css standard inclut des ressources d'image, le CellTableBasic.css est un css pur et probablement plus facile à modifier –
+1 pour votre dernier paragraphe où vous expliquez différence entre 'ligne sélectionnée' et 'ligne sélectionnée au clavier'. c'est la première fois que je l'ai vu expliqué – Justin
Comment cela aide-t-il à supprimer la surbrillance actuelle? J'ai essayé de surcharger tous les styles mentionnés (y compris ceux non mentionnés 'cellTableHoveredRow' et' cellTableHoveredRowCell'), mais je ne peux pas faire disparaître complètement la surbrillance. Je peux le changer un peu, donc ça a l'air différent, mais je ne peux pas l'enlever. Peut-être que quelqu'un pourrait partager le CSS réel pour supprimer la mise en évidence sur la souris sur les lignes? Merci. – joscarsson