Classe H3 {
Remplissage: 20px 0;
Alignement du texte: centré;
Taille de la police: 1,9 em;
}
Tableau {
Largeur: 100%;
Marge: 0;
}
Titre {
Taille de la police:. 9em;
Fill:. 5 em 0;
}
Texte explicatif
Tableau tfot tr TD {
Taille de la police: normale;
}
Écran multimédia et (largeur maximale: 766px)
Titre {
Affichage: aucun;
}
}
– Oui. P
Alignement du texte: centré;
Coussin supérieur: 140px;
Taille de la police: 14px;
}
Ensuite, vous devez implémenter ce code sur JS pour accomplir la tâche.
Tableau de réponse. JS
$(document). Ready (Function () {
Var rectification = false;
Var updatetables = function () {
Si ($(fenêtre). Larghezza () 767)) {
Switch = false;
$(\
Ne pas jeter ($(élément));
});
}
};
$(fenêtre). Chargement (mise à jour du tableau);
$(fenêtre). On (\
$(fenêtre). Ouvrir (réinitialiser, mettre à jour les tables);
Fonction séparable (originale)
{Y}
Au début Paquet (\
Var copy = original. Clone ();
Copier Rechercher (\
Copier Removeclass (\
Au début Plus récemment (\
Copier Paquet (\
Au début Paquet (\
Setcellheights (original, copie);
}
Ne pas jeter (original)
Au début Plus récemment (\
Au début Expansion ();
Au début Expansion ();
}
Setcellheights, fonction (original, copie) {
Var tr = original. Rechercher (‘tr’),
Tr _ copier = copier. Rechercher (‘tr’),
Hauteur = [];
Tr.each (Function (Index)
Var Self = $(ceci),
TX = lui – même. Recherche (\
Tx.each (fonction () {
Hauteur de la variable = $(ceci). Outerheight (True);
Hauteur [indice] = hauteur [indice] | | 0;
Si (hauteur & gt; hauteur [index]) Hauteur [index] = hauteur;
});
});
Copie tr \ U. Chacun (fonction (Index)
$(this). Hauteur (hauteur [indice]);
});
}
});
$(fenêtre). On (‘load resize’, Function () {
Si ($(ceci). Larghezza () & lt; 767) {
$(& # 039; table tfoot & # 039;). Cacher ();
Autres
$(& # 039; table tfoot & # 039;). Afficher ();
}
});
3. Pédale pour faciliter le guidage Footable est un plug – in jquery qui convertit les tables HTML en tables réactives et extensibles. Il peut masquer certaines colonnes de données spécifiques à différentes résolutions, élargissant ainsi la ligne et affichant toutes ses données. La meilleure chose à propos de footable est qu’il fonctionne même sans démarrage.
4. Tableau de réponse de jquery voici quelques tableaux qui peuvent vous aider à créer un tableau de réponse pour jquery. Utilisez les données json: pour créer une table en utilisant les données json, vous devez écrire le code suivant.