[RichFaces] Padding entre les cellules d'une dataTable
Salut!
j'ai crée une dataTable avec richfaces 3.1.6.
J'ai aussi crée un skin personnalisé.
J'aimerais mettre un padding entre les cellules de la table, mais je n'y arrive pas.
Je n'ai pas trouvé un paramètre dans le skin, je n'ai pas trouvé un paramètre que je peut ajouter dans le skin...
j'ai essayé de mettre un style sur les colonnes directement:
Code:
<rich:column style="padding: 5;">
mais je n'y arrive pas....
est-ce qu'il est possible de mettre du padding à une dataTable de RichFaces?
Si oui, pouvez vous me fournir un exemple, des détails, un tutoriel qui l'explique,... svp?
Merci d'avance!
2 pièce(s) jointe(s)
border-collapse: separate;
je reviens avec des détails.
Je crois que finalement mon problème c'est le "border-collapse: separate;"
qui n'est pas tenu en compte...
J'ai mis toutes les valeurs de mon skin à "#null". Comme ça, je pense que seulement le style CSS donné sera pris en compte.
voilà mon CSS:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| .standardTable {
font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding: 10;
border-style: solid;
border-width: 5px;
}
.standardTable_Header {
color: #000000;
background-color: #b2d4fa;
padding: 10;
text-align: center;
border-style: solid;
border-width: 5px;
}
.standardTable_Row1 {
background-color: #d8d8d8;
border-style: solid;
}
.standardTable_Row2 {
background-color: #b2d4fa;
border-style: solid;
}
.standardTable_Column {
vertical-align: top;
}
.standardTable_ColumnCentered {
vertical-align: top;
text-align: center;
} |
voilà ma dataTable:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
| <rich:dataTable
var="tt2" value="#{terminalAcquirers.acquirers}" id="ttList"
styleClass="standardTable"
headerClass="standardTable_Header"
footerClass="standardTable_Header"
rowClasses="standardTable_Row1,standardTable_Row2">
<f:facet name="header">
<rich:columnGroup>
<rich:column colspan="4" style="border-style: solid; border-width: 1px 1px 1px 1px; border-color: #00FF00">
<h:outputText value="b" />
</rich:column>
<rich:column colspan="4" breakBefore="true">
<h:outputText value="bub2" />
</rich:column>
<rich:column colspan="3" breakBefore="true">
<h:outputText value="Client(s) found(s): " />
</rich:column>
<rich:column>
<h:outputText value="132" />
</rich:column>
<rich:column breakBefore="true">
<h:outputText value="Name" />
</rich:column>
<rich:column>
<h:outputText value="123" />
</rich:column>
<rich:column>
<h:outputText value="Company" />
</rich:column>
<rich:column>
<h:outputText value="Phone" />
</rich:column>
</rich:columnGroup>
</f:facet>
<rich:column>
<h:outputText value="#{tt2.acqID}" />
</rich:column>
<rich:column>
<h:outputText value="dede" />
</rich:column>
<rich:column>
<h:outputText value="sdfg" />
</rich:column>
<rich:column>
<h:outputText value="col" />
</rich:column>
</rich:dataTable> |
J'ai mis les images du résultat de ce code en annexe (FF.jpg).
Et j'aimerais que ça devienne comme "res.jpg". J'arrive à "res.jpg" avec
Code:
1
2
3
4
5
6
7
8
9
10
| <x:dataTable
preserveDataModel="true"
id="aas"
var="aa"
value="#{ta.aa}"
styleClass="standardTable" style="font-size: 10px; width:101%"
headerClass="standardTable_Header"
footerClass="standardTable_Header"
rowClasses="standardTable_Row1,standardTable_Row2"
columnClasses="standardTable_ColumnCentered,standardTable_ColumnCentered,standardTable_Column,standardTable_Column,standardTable_ColumnCentered,standardTable_ColumnCentered,standardTable_ColumnCentered,standardTable_Column,standardTable_Column"> |
j'ai ajouté
Code:
style="border-collapse: separate;"
partout dans le CSS, sur la table, sur les colonnes,..
j'ai essayé de mettre dans mon .css
Code:
1
2
3
| .dr-table {
border-collapse: separate;
} |
mais rien nonplus... ce qui est bizarre c'est que FireBug l'indique sous l'onglet style...mais il n'est pas affiché...
Je dois faire quoi? il y a une autre valeur à indiquer? une épaisseur? enlever quelque chose?
:calim2:
