Transformez un tableau HTML en vue carte en utilisant uniquement du CSS

DEV - 25/10
J'aimerais partager une expérience récente qui explore comment transformer un tableau HTML simple et à l'ancienne...

J'aimerais partager une expérience récente qui explore comment transformer un simple tableau HTML à l'ancienne en une vue de carte dynamique, allant au-delà des lignes et des colonnes traditionnelles.

Commencez avec un simple tableau HTML

Commençons par un simple tableau HTML tel que le suivant.

EntrepriseContactPays
Alfreds FutterkisteMarie AndersAllemagne
Centre MoctezumaFrancisco ChangMexique
AlfredMarieAllemagne
CentreFrancisco ChangMexique
AlfredMarieAllemagne
Centre commercialFrançoisMexique
AlfredMarie AndersAllemagne
Centre commercialFrançoisMexique
Entrer en mode plein écran Quitter le mode plein écran

Cela ressemble à ceci une fois rendu dans le navigateur.

Juste un autre tableau HTML

Rien d'extraordinaire.

Par définition, les tableaux sont constitués de lignes et de colonnes. Comment pouvons-nous transformer la disposition traditionnelle des lignes et des colonnes en quelque chose de plus dynamique ?

Découvrez la puissance de CSS...
[Courte citation de 8% de l'article original]