SharePoint

Aide-mémoire JSON Column Formatting

Transformez des listes SharePoint fades en dashboards visuels avec le JSON column formatting. Pas besoin de Power Apps.

Paul Bien3 février 2026

Le problème

Les vues de listes SharePoint par défaut affichent du texte brut pour chaque colonne. Les colonnes de statut affichent "In Progress" en texte noir simple. Les colonnes de priorité affichent "High" sans distinction visuelle. Les utilisateurs parcourent les lignes lentement car rien ne se démarque.

Mauvaise approche : Texte brut

Task	Status	Priority
Fix login bug	In Progress	High
Update docs	Completed	Low

Pas de couleur, pas d'icônes, pas de hiérarchie visuelle. Chaque cellule a la même apparence.

Bonne approche : JSON Column Formatting

Appliquez ce JSON à une colonne "Status" via Column settings > Format this column :

{
  "$schema": "https://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
  "elmType": "div",
  "style": {
    "padding": "4px 12px",
    "border-radius": "16px",
    "display": "inline-flex",
    "align-items": "center",
    "font-weight": "600",
    "font-size": "12px",
    "background-color": "=if(@currentField == 'Completed', '#d4edda', if(@currentField == 'In Progress', '#fff3cd', if(@currentField == 'Blocked', '#f8d7da', '#e2e3e5')))",
    "color": "=if(@currentField == 'Completed', '#155724', if(@currentField == 'In Progress', '#856404', if(@currentField == 'Blocked', '#721c24', '#383d41')))"
  },
  "txtContent": "@currentField"
}

Cela affiche des badges colorés en forme de pilule : vert pour Completed, jaune pour In Progress, rouge pour Blocked, gris pour tout le reste.

Opérateurs utiles

@currentField : la valeur de la colonne courante
@now : la date actuelle (utile pour mettre en évidence les éléments en retard)
[$FieldName] : référence une autre colonne de la même ligne
toString() / Number() : conversions de type
if() : logique conditionnelle (imbriquable)

Point clé

Le JSON column formatting transforme les listes SharePoint en dashboards légers en quelques minutes. Pas de licence Power Apps requise, aucune surcharge de maintenance.