Les anciens sumériens, comprimés de tablettes et tables HTML

Cette tablette argile sumérienne de 5 000 ans (Irak moderne) est l'un des premiers documents écrits connus. Mais oubliez la poésie ou les textes religieux - c'est une ancienne analyse des données!

Étonnamment, la plupart des tablettes sumériennes récupérées sont des dossiers économiques: taxes, rendements des cultures, inventaires - un instantané économique détaillé. Cela met en évidence la puissance durable des données tabulaires, antérieure à la bronze et au fer.

Les tables

augmentent considérablement notre capacité de traitement des données. Notre mémoire à court terme lutte au-delà de sept éléments, mais les tables nous permettent de traiter facilement quinze, vingt ou plus.

Tables sur mobile: un défi moderne

Récemment, les développeurs frontaux ont débattu de la présentation optimale des données tabulaires sur des écrans plus petits. Une approche, présentée sur le Livingsocial Techblog, restructure chaque rangée de table dans une unité indépendante à des tailles d'écran plus petites.

Cette méthode d'empilement fonctionne bien pour les tables courtes (par exemple, les graphiques de la taille des chaussures). Cependant, il sacrifie les avantages inhérents des tableaux pour des ensembles de données plus longs. Considérez une déclaration bancaire: trouver une transaction spécifique devient beaucoup plus difficile sans la vue de la colonne. De plus, la répétition d'en-têtes pour chaque ligne augmente l'encombrement visuel.

Optimisation des tables avant de repenser

Avant de recourir à des solutions de mise en page complexes, hiérarchisez l'optimisation des données. Posez ces questions:

• est-ce que chaque colonne est nécessaire sur mobile?
• Les données peuvent-elles être résumées plus concisement? (par exemple, "février" au lieu de "02/01/2015 - 28/02/2015")
• Les informations détaillées peuvent-elles être cachées derrière un lien "plus" et modal?

Un reçu d'achat bien conçu illustre une conception efficace de table à petit format. Il affiche clairement des informations essentielles (produit, origine, prix, distance parcourue) dans un espace limité.

SAVE DE TABLES: Une solution réactive

Si l'optimisation ne suffit pas, considérez la scie à table, une bibliothèque de table réactive du groupe de filaments.

Offres de la cuillère à table:

• Affichage à basculer: Sélectionnez des colonnes spécifiques à afficher.
• Tableau de balayage: Gardez la colonne la plus à gauche visible tout en glissant pour accéder aux autres.

La cratatrice fournit une solution flexible pour divers besoins de table réactifs. Consultez leur démo pour plus de détails.

Publié à l'origine dans la newsletter de conception SitePoint du 8 avril

Questions fréquemment posées (FAQ) sur les anciens sumériens et les tables HTML

Ces FAQ restent inchangées à partir de l'entrée d'origine.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!