insertion d'éléments dans une colonne d'un tableau
J'ai un tableau défini comme suit:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <table>
<thead >
<tr ><th id="titreTable" colspan="6">Contrat 1</th></tr>
</thead>
<tr>
<td class="encadre titre" >Véhicules</td>
<td id="Node2000" class="container encadre" ></td>
<td id="Node2001" class="container encadre" ></td>
</tr>
<tr>
<td id="aNode" class="encadre titre hauteur35">Années</td>
<td class="encadre hauteur35" > 2000 </td>
<td class="encadre hauteur35" > 2001 </td>
</tr>
</table> |
Et j'y insère des éléments de la manière suivante:
Code:
1
2
3
4
5
6
7
8
| var colonne2000 = new dojo.dnd.Source("Node2000", {accept: ["libre"]});
colonne2000.insertNodes(false, [
{ data: "vehicule1 ", type: ["libre"] },
{ data: "vehicule2 ", type: ["libre"] }
]);
colonne2000.forInItems(function(item, id, map){
dojo.addClass(id, item.type[0]);
}); |
Mon problème est que dans chaque colonne, l'espacement entre les données que j'ajoute n'est pas grand, si bien qu'il suffit que je leur mette un petit cadre pour qu'on ait l'impression qu'ils se chevauchent.
J'ai essayé de modifier les paramètres css de la colonne, mais je ne trouve pas de solution.
PS: Je n'utilise pas de dojox.grid.DataGrid parce que j'ai besoin de faire du dran'n'drop avec les différents éléments de chaque colonne, et quand j'utilise une DataGrid je n'y arrive pas.
