Table Sections

data-table

stable Bibliothèque Contenu inline (instance)

Comparer les options

Table de données neutre générique : en-tête optionnel, colonnes avec alignements, lignes et cellules typées (emphase), zébrures et légende. Distincte des tables habillées terminal ou éditoriale.

Ouvrir dans le builder

Instances sur le site

Global 4 instances sur 4 pages

Page	Position	Contenu	Variante
/ressources/diagnostics/claude-pme	`section 4`	Les cinq niveaux de préparation, ligne par ligne	paper-3
/ressources/diagnostics/maturite-ia	`section 4`	Les cinq niveaux de maturité IA, en clair	paper-3
/ressources/diagnostics/referent-ia	`section 4`	Cinq signaux qu'un référent devient nécessaire	paper-3
/ressources/diagnostics/site-web-intelligent	`section 4`	Vitrine subie ou site qui qualifie	paper-2

Aperçu

Comment l'utiliser

Intention

Comparer les options

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Non	fr / en	·
`intro`	Contenu	`text`	Non	fr / en	·
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`striped`	Contenu	`bool`	Non	·	·
`caption`	Contenu	`text`	Non	fr / en	·
`columns`	Présentation	`array`	Oui	·	2..8
`rows`	Contenu	`array`	Oui	·	1..20

Déclinaisons · 13

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 9 générées.

Table de données · sans zébrage
curée
data-table--plain
Table de données · papier 2
curée
data-table--paper-2
Table de données · papier 3
curée
data-table--paper-3
Table de données · encre
curée
data-table--ink
data-table · lignes séparées
générée
data-table--rows-divided
data-table · grille étapes
générée
data-table--grid-steps
data-table · matrice comparative
générée
data-table--comparison-matrix
data-table · cases à cocher
générée
data-table--feature-check
data-table · lignes specs
générée
data-table--spec-rows
data-table · lignes zébrées
générée
data-table--striped-rows
data-table · en-tête collant
générée
data-table--sticky-header
data-table · comparaison 2 colonnes
générée
data-table--two-col-compare
data-table · liste de contrôle
générée
data-table--checklist

Comparer les déclinaisons · 13

Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.

Table de données · sans zébrage
curée
data-table--plain
striped:false
Ouvrir dans le builder
Table de données · papier 2
curée
data-table--paper-2
background:paper-2
Ouvrir dans le builder
Table de données · papier 3
curée
data-table--paper-3
background:paper-3
Ouvrir dans le builder
Table de données · encre
curée
data-table--ink
background:ink
Ouvrir dans le builder
data-table · lignes séparées
générée
data-table--rows-divided
layout:rows-divided
Ouvrir dans le builder
data-table · grille étapes
générée
data-table--grid-steps
layout:grid-steps
Ouvrir dans le builder
data-table · matrice comparative
générée
data-table--comparison-matrix
layout:comparison-matrix
Ouvrir dans le builder
data-table · cases à cocher
générée
data-table--feature-check
layout:feature-check
Ouvrir dans le builder
data-table · lignes specs
générée
data-table--spec-rows
layout:spec-rows
Ouvrir dans le builder
data-table · lignes zébrées
générée
data-table--striped-rows
layout:striped-rows
Ouvrir dans le builder
data-table · en-tête collant
générée
data-table--sticky-header
layout:sticky-header
Ouvrir dans le builder
data-table · comparaison 2 colonnes
générée
data-table--two-col-compare
layout:two-col-compare
Ouvrir dans le builder
data-table · liste de contrôle
générée
data-table--checklist
layout:checklist
Ouvrir dans le builder

Sections liées

Même famille

comparison-table stable

Tableau comparatif pour clarifier les différences entre offres, options ou approches.

table Comparison Sections Défilement horizontalSurvolGlisser pour faire défiler +3 11 décl.

course-catalog-table stable

Tableau du catalogue formations : titre de section et lignes (#, titre, niveau en pill, durée, prix, flèche), une formation par ligne.

table Index Sections SurvolBadgeMulti-colonnes 12 décl.

department-stack stable

Stack outils en table éditoriale : en-tête eyebrow et titre display, aside Callout, EditorialTable catégorie/outil/rôle.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.

editorial-table-block stable

Comparateur éditorial : en-tête kicker mono et titre display, puis tableau EditorialTable bilingue (colonnes, lignes, caption).

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 14 décl.

pricing-comparison-matrix stable

Matrice comparative tarifaire pour mettre en regard les fonctionnalites de 3 plans avec mise en avant de la colonne recommandee.

table Pricing Sections Défilement horizontalSurvolGlisser pour faire défiler +3 13 décl.

pricing-table stable

Table de prix pour présenter clairement les formules, paliers et options commerciales.

table Pricing Sections BoutonsListe3 colonnes 14 décl.

Même catégorie

editorial-write-feed stable

Feed éditorial en lignes cliquables (EditorialWriteRow) : date, tag, texte et flèche par ligne, tone paper ou ink, lien meta type /feed.xml.

prose Table Sections Apparition au scrollDéfilement1 colonne 14 décl.

terminal-table stable

Table terminal configurable (frame TerminalTable) : en-tête kicker/meta, titre, puis colonnes, headers et lignes cliquables avec rôle typographique par cellule.

table Table Sections Apparition au scrollSurvolDéfilement +3 11 décl.

Similaires

tech-models-table stable

Table de comparaison des modèles en cinq colonnes (Modèle, Profil, Coût, Contexte, Usages) basée sur EditorialTable.

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 11 décl.

versus-competitors stable

Comparatif « nous vs alternatives » avec colonne « nous » mise en avant, lignes de critères groupées et cellules check / cross / partiel. Distinct de la matrice tarifaire interne.

table Comparison Sections Apparition au scrollDéfilementTableau +1 11 décl.

workflow-table stable

Table workflows signature en 5 colonnes (numéro, workflow, modèle, gain, comment), un workflow IA par ligne.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.

comparison-duo stable

Deux cartes cote a cote (Sans / Avec) pour mettre en evidence le contraste avant/apres ou nous-vs-eux, avec items a puces et glyphes differencies.

duo Comparison Sections Apparition au scrollDéfilementListe +3 17 décl.

comparison-pricing-callout stable

Bloc « pourquoi nous » en trois colonnes de propositions de valeur, terminé par un CTA et une mention. Sert de pont entre les features et la page tarifaire.

band Comparison Sections Illustration au traitListe3 colonnes 18 décl.

tech-when-dual stable

Aide décision en deux colonnes (utiliser quand / considérer autre chose quand) avec puces mono plus et moins.

duo Comparison Sections Apparition au scrollDéfilementIllustration au trait +4 13 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "data-table",
  "kicker_fr": "[data] · comparatif offres",
  "kicker_en": "[data] · plan comparison",
  "h2_fr": "Trois formules, une <i class=\"acc\">seule</i> équipe.",
  "h2_en": "Three plans, one <i class=\"acc\">single</i> team.",
  "intro_fr": "Les chiffres bruts, sans habillage. Chaque ligne reflète un engagement contractuel mesuré chaque mois.",
  "intro_en": "The raw figures, no varnish. Every row reflects a contractual commitment measured monthly.",
  "background": "paper",
  "striped": true,
  "caption_fr": "Tarifs hors taxes, périmètre France, mise à jour avril 2026.",
  "caption_en": "Prices excl. tax, France scope, updated April 2026.",
  "columns": [
    {
      "label_fr": "Formule",
      "label_en": "Plan",
      "align": "start"
    },
    {
      "label_fr": "Workflows",
      "label_en": "Workflows",
      "align": "center"
    },
    {
      "label_fr": "Relances / mois",
      "label_en": "Follow-ups / mo",
      "align": "center"
    },
    {
      "label_fr": "Tarif",
      "label_en": "Price",
      "align": "end"
    }
  ],
  "rows": [
    {
      "cells": [
        {
          "text_fr": "Amorçage",
          "text_en": "Seed",
          "emphasis": true
        },
        {
          "text_fr": "8",
          "text_en": "8"
        },
        {
          "text_fr": "1 200",
          "text_en": "1,200"
        },
        {
          "text_fr": "1 900 € / mois",
          "text_en": "€1,900 / mo"
        }
      ]
    },
    {
      "cells": [
        {
          "text_fr": "Croissance",
          "text_en": "Growth",
          "emphasis": true
        },
        {
          "text_fr": "23",
          "text_en": "23"
        },
        {
          "text_fr": "4 800",
          "text_en": "4,800"
        },
        {
          "text_fr": "4 200 € / mois",
          "text_en": "€4,200 / mo"
        }
      ]
    },
    {
      "cells": [
        {
          "text_fr": "Échelle",
          "text_en": "Scale",
          "emphasis": true
        },
        {
          "text_fr": "Illimité",
          "text_en": "Unlimited"
        },
        {
          "text_fr": "14 000",
          "text_en": "14,000"
        },
        {
          "text_fr": "Sur devis",
          "text_en": "On request"
        }
      ]
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/data-table.json

Chemin du détail machine

/library/section/data-table.json