Mise en forme d'une liste

Bonjour à tous,

Après avoir créé plusieurs tiddlers avec le tag Abbréviation puis un tiddler Abbréviations contenant le code :

|! Abbréviation |! Signification |
<$list filter="[tag[AbbréviationCorrection]sort[title]]">
|<<currentTiddler>>|{{}}|

</$list>

Je m’attendais à l’affichage suivant :

Abréviation Signification
B bien
mf mal formulé
mr même remarque

Mais j’ai eu l’affichage suivant :

Abréviation Signification

|B|bien| |mf|mal formulé| |mr|même remarque|

Autrement dit, la sortie de $list est affichée verbatim (à l’exception du retour à la ligne disparu) sans que la mise en forme WikiText n’oppère.

Connaitriez-vous un moyen de forcer la wikification ?

Merci d’avance !

Petit ajout,

Le retour à la ligne disparu se règle avec un <br> :

|! Abbréviation |! Signification |
<$list filter="[tag[AbbréviationCorrection]sort[title]]">
|<<currentTiddler>>|{{}}|<br>
</$list>

affiche :

Abréviation Signification

|B|bien|
|mf|mal formulé|
|mr|même remarque|

Ce qui ne règle pas le problème mais m’a laissé espérer qu’une solution tout Html fonctionnerait. J’ai donc tenter :

<table>
  <tr>
    <th>
      Abbréviation
    </th>
    <th>
      Signification
    </th>
  </tr>
  <$list filter="tag[AbbréviationCorrection]sort[title]]">
    <tr>
      <td>
        <<currentTiddler>>
      </td>
      <td>
        {{}}
      </td>
    </tr>
  </$list>
</table>

Pour le résultat déconcertant suivant :

Abréviation Signification
tag

Je n’y comprend goutte

Bonsoir @Echophile,

Utiliser la syntaxe wikitext |d’un simple tableau couplé à un filtre ça semble un peu compliqué en effet.

J’utilise ce code depuis plusieurs années dans un lexique avec en première colonne l’acronyme qui correspond au titre cliquable, et la définition à côté :

<div class="bluealtrows">
<$list filter="[tag[Lexique]sort[title]]">
<tr><td><$link><$view field="title"/></$link></td><td>
<$view field="lexique"/> </td></tr>
</$list>
</div>

Soit un filtre sur les tiddlers avec le tag Lexique, puis j’affiche le titre sous forme de lien, et dans la deuxième colonne le contenu du champ personnalisé lexique.

Dans ton dernier exemple, ce qui cloche c’est la position du filtre qui devrait être en dehors de ton tableau.

La CSS bluealtrows j’avais du la prendre sur un post de Dave Gifford, j’ai retrouvé celui-ci par exemple mais on trouve d’autres exemples).

/*TABLES BLUEALTROWS*/

html body.tc-body .bluealtrows table {border: 2px solid white;}
html body.tc-body .bluealtrows th {padding: 15px; vertical-align:top;font-weight:normal;text-align:left;border: 2px solid white;}
html body.tc-body .bluealtrows td {padding: 15px; vertical-align:top;border: 2px solid white;}
html body.tc-body .bluealtrows tr:nth-child(even) td {background-color:#CDF;}
html body.tc-body .bluealtrows tr:nth-child(odd) td {background-color:#dae9fe;}

ou

html body.tc-body .bluealtrows tr:nth-child(even) {background-color:#CDF;}
html body.tc-body .bluealtrows tr:nth-child(odd) {background-color:#dae9fe;}
html body.tc-body .bluealtrows td { background-color: transparent; }

(dans un tiddler avec le tag $:/tags/Stylesheet pour celles et ceux qui se poseraient la question pour appliquer la CSS).

Ça marche du tonnerre !

Merci infiniment !

1 J'aime