En plus des champs de formulaire, l'un des éléments HTML les plus difficiles à manipuler sont des tableaux. Ils sont difficiles à coiffer via CSS et également extrêmement difficile à traiter via JavaScript.
Voilà pourquoi, dans très peu de Responsive Web Design (RWD) des cadres et des kits d'interface utilisateur, l'élément de l'interface utilisateur de la table est adressée et correctement formaté pour les petits écrans.
Le "tables Responsive" plugin jQuery permet aux développeurs de tirer les colonnes d'une table et de leur attribuer une priorité de visibilité sur la base de la taille d'écran disponible.
Ainsi, lorsque la page est accessible depuis un écran plus petit, seules les colonnes de la table avec la priorité sera montré, sur la base de la résolution d'écran.
Le reste des colonnes ne sera caché, avec un sélecteur spéciale en haut à droite de la table, où les utilisateurs peuvent réactiver une colonne et en masquer d'autres.
Cela peut être très utile, notamment pour les réseaux de données où la table contient une grande quantité de colonnes.
Tables Responsive vient avec le support pour le Bootstrap cadre, un en-tête de table collante, colspans et une attention particulière de la ligne / fonction de surlignement.
. Une démo est inclus dans le package de téléchargement
Exigences :
- Javascript sur côté client
- jQuery
- jQuery UI
Commentaires non trouvées