Discussion :

[benibur]

mon objectif : faire un tableau, sans marges ni à l'extérieur du tableau, ni entre les cellules du tableau.

or soit je ne mets pas au niveau du CSS de la table "border-collapse:collapse"
et ça donne ça (il y a des marges entre les cellules) :


soit je mets "border-collapse:collapse;" et ça donne ça (le bouton mord sur le tableau) :


Voici mon CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.cw-OpeFlexTable{
	border: medium solid #6495ed;
	border-collapse:collapse; 
	/* si enlevé le contour du tableau est ok mais pb de marge entre les cellules   */
	/* si mis    le contour du tableau est KO mais il n'y a plus de marges entre les cellules ...  */
}
 
.OpeFlexTable-cells{
	border-style:solid; /* none solid none */
	border-width: 1px;
	border-color: blue;
	margin: 0px; /* inopérant ... */
}

Et bien sûr j'applique ces règles via :

Code :

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

1
2
3
4
5
//au niveau de la table :
ft.setStyleName("cw-OpeFlexTable");
 
//sur toutes les cellules (ici seule la cellule 0,0 est représentée ):
ft.getCellFormatter().setStyleName(0,0,"OpeFlexTable-cells");

des idées ??

[benwit]

Il faut distinguer :
- les propriétés css padding/margin des cellules
- les attributs cellspacing et cellpadding de la balise <table>

Perso, je commence à les mettre à 0 :

Code :

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

1
2
3
       flexTable =  new FlexTable();
        flexTable.setCellSpacing(0);
        flexTable.setCellPadding(0);