Conférence · API Platform Conference 2026

UX DataTables : réinventer les tableaux avec Symfony, API Platform et Mercure

Construire des tableaux de données complexes, filtrables et performants est une tâche répétitive : on réécrit sans cesse la même plomberie JavaScript. Ce talk montre comment l’éviter, avec un bundle Symfony qui déclare un tableau complet depuis PHP, s’interface nativement avec API Platform et devient temps réel grâce à Mercure.

Date
Vendredi 18 septembre 2026
Horaire
11:50 – 12:10 (heure de Paris)
Lieu
EuraTechnologies, Lille — Salle 2
Jour
Jour 2 · 20 minutes · en français

Les slides du talk

Parcourez les 49 slides de la conférence

Le talk a été donné le vendredi 18 septembre 2026 à EuraTechnologies, à Lille. Le deck complet est consultable ci-dessous, slide par slide, avec les mêmes écrans que pendant la démonstration.

Slide 1 sur 49 : Slide d’ouverture : réinventer les tableaux avec Symfony, API Platform et Mercure

Slide 1Slide d’ouverture : réinventer les tableaux avec Symfony, API Platform et Mercure

1 / 49

Cliquez sur le lecteur puis utilisez les flèches ← → du clavier, glissez sur mobile, ou cliquez une vignette pour aller directement à la slide.

Le déroulé du talk, en quatre parties

  1. Pourquoi les tableaux sont-ils toujours pénibles ?

    Un besoin qui revient sur presque toutes les applications métier : filtres, tri, pagination, export. On le réimplémente à chaque projet, et le « petit tableau rapide » finit en deux semaines de JavaScript.

  2. La promesse d’UX DataTables

    La puissance de DataTables.net avec l’expérience développeur de Symfony UX : un tableau complet déclaré en PHP, sans écrire de JavaScript.

  3. Pas à pas vers le tableau idéal

    La démonstration complète : premier tableau, passage en server-side, connexion à API Platform, filtres, export, édition, permissions, temps réel Mercure et responsive.

  4. IA, conclusion et perspective

    Comment le bundle est de plus en plus conçu avec des agents IA — et ce que ça change dans le rythme du projet, jusqu’à la v1.0.

Le pas à pas de la démonstration

  • Créer un premier tableau en déclarant ses colonnes depuis PHP.
  • Personnaliser les colonnes, dont la colonne Utilisateur.
  • Passer en mode server-side pour tenir 100 000 utilisateurs en 6 Mo de mémoire.
  • Connecter le tableau à API Platform : l’adaptateur fait le lien automatiquement.
  • Exposer filtres, tri et pagination avec API Platform, et traduire l’interface.
  • Exporter les données du tableau.
  • Voir, modifier et restreindre les actions, avec les permissions centralisées dans un Voter.
  • Activer le temps réel avec Mercure et mettre en évidence les mises à jour.
  • Activer le responsive : le tableau s’adapte au mobile.

Le replay de la session sera ajouté sur cette page dès sa mise en ligne par l’organisation de la conférence.

Au programme

Ce que vous verrez pendant ces 20 minutes

Le problème : des tableaux réécrits à chaque projet

Filtres, tri, pagination, recherche, export : ces besoins reviennent sur presque toutes les applications métier, et pourtant on les réimplémente encore et encore, souvent en repassant par du JavaScript.

UX DataTables : un tableau Symfony, sans JavaScript

Comment j’ai conçu un bundle qui déclare un tableau complet depuis PHP et s’appuie sur DataTables.net, l’écosystème Symfony et Symfony UX pour rendre la configuration lisible et maintenable.

L’intégration native avec API Platform

UX DataTables exploite la structure même de vos ressources API Platform : à partir du moment où une ressource est exposée, le tableau sait quoi afficher, filtrer et paginer.

Le temps réel avec Mercure

Transformer un tableau statique en interface réactive, qui se met à jour dès qu’une donnée change : plus de bouton « rafraîchir », plus de polling.

Les coulisses et le workflow IA

Comment le bundle a été conçu et itéré, avec une part croissante d’outils comme Claude Code sur les fonctionnalités complexes : ce qui accélère réellement, et ce qui ne remplace pas la conception.

Le projet derrière le talk

UX DataTables, un bundle Symfony pour DataTables.net

UX DataTables est un bundle open source qui intègre DataTables.net dans une application Symfony sans écrire une ligne de JavaScript : le tableau se déclare en PHP, côté serveur, avec les filtres, le tri, la pagination et la recherche.

La partie la plus intéressante — et celle que ce talk détaille — est l’intégration avec API Platform : le bundle exploite la structure de vos ressources exposées pour générer le tableau, ses colonnes et ses filtres. Combiné à Mercure, le tableau se met ensuite à jour sans rechargement de page.

composer require pentiminax/ux-datatables
Voir la page complète du projet : UX DataTables →

Questions fréquentes

Questions sur ce talk

Quand et où a eu lieu ce talk ?

Le vendredi 18 septembre 2026, de 11:50 à 12:10, en salle 2 à EuraTechnologies (165 avenue de Bretagne, 59000 Lille), lors de l’API Platform Conference 2026.

Le talk est-il accessible en ligne ?

Oui. L’API Platform Conference propose un billet « online » pour suivre les conférences à distance, en plus du billet deux jours sur place. Le détail est sur le site de la conférence.

Où trouver les slides, le replay et le code ?

Tout part de cette page : les 49 slides y sont consultables directement dans le lecteur intégré, et téléchargeables en PDF. Le replay sera ajouté dès sa mise en ligne, et le code source du bundle est disponible sur GitHub.

Le talk est-il adapté si je ne connais pas API Platform ?

Oui. Le talk part du besoin métier (afficher et manipuler des tableaux) avant d’entrer dans la technique. Les parties API Platform et Mercure sont expliquées avec des exemples concrets, sans prérequis avancé.

Événements

Vous organisez une conférence ou un meetup ?

Je suis disponible pour des talks autour de Symfony, d’API Platform et des outils de développement. Décrivez l’événement, la date et le public visé.