5.3 Tableaux de données complexes 3/4

Mardi 23 juin 2015

Les tableaux de données complexes ont les caractéristiques suivantes :

  • élément caption, contribuable
  • th pour les en-têtes, avec couples id/headers pour créer les associations en-têtes/cellules de données

Mode opératoire

  1. Cliquer sur le bouton d’insertion de tableau
  2. renseigner le contenu
  3. La première ligne sert de titre
  4. Possibilité de mettre en gras la première colonne pour qu’elle serve de titre

Résultat

Prix des légumes
La première colonne contient les noms des légumes et la deuxième leur prix
LégumesPrix
Choux 3€
Carotte 2€
Navet 5€
Joomla 1€
Drupal 50€
Wordpress 10€

Code généré :

<table class="spip" summary="La première colonne contient les noms des légumes et la deuxième leur prix">
<caption>Prix des légumes</caption>
<thead><tr class='row_first'><th id='idfb42_c0'>Légumes</th><th id='idfb42_c1'>Prix</th></tr></thead>
<tbody>
<tr class='row_odd odd'>
<th headers='idfb42_c0' id='idfb42_l0'>Choux</th>
<td headers='idfb42_c1 idfb42_l0'>3€</td></tr>
<tr class='row_even even'>
<th headers='idfb42_c0' id='idfb42_l1'>Carotte</th>
<td headers='idfb42_c1 idfb42_l1'>2€</td></tr>
<tr class='row_odd odd'>
<th headers='idfb42_c0' id='idfb42_l2'>Navet</th>
<td headers='idfb42_c1 idfb42_l2'>5€</td></tr>
<tr class='row_even even'>
<th headers='idfb42_c0' id='idfb42_l3'>Joomla</th>
<td headers='idfb42_c1 idfb42_l3'>1€</td></tr>
<tr class='row_odd odd'>
<th headers='idfb42_c0' id='idfb42_l4'>Drupal</th>
<td headers='idfb42_c1 idfb42_l4'>50€</td></tr>
<tr class='row_even even'>
<th headers='idfb42_c0' id='idfb42_l5'>Wordpress</th>
<td headers='idfb42_c1 idfb42_l5'>10€</td></tr>
</tbody>
</table>

Score

3/4 : Valable pour un tableau à 2 entrées, mais au delà, il faudrait coller du HTML.

Dans la même rubrique…

Revenir en haut