supprimer / masquer les colonnes vides de la table, y compris & lt; th & gt;
Comment puis-je cacher la colonne avec toutes les cellules, y compris le titre <th>
dans cette colonne, tout en laissant les autres colonnes et leurs titres comme il est. Suivant jquery cache l'ensemble de la <th>
ce qui n'est pas que je veux. Ici est un exemple, où je veux cacher seulement l'ensemble de "l'Colonne3", y compris des <th>
. Merci beaucoup à l'avance.
$('table#mytable tr').each(function() {
if ($(this).children('td:empty').length === $(this).children('td').length) {
$(this).hide();
}
});
source d'informationauteur DGT | 2011-03-02
Vous devez vous connecter pour publier un commentaire.
A fallu un certain temps pour rassembler. Grâce à nxt pour une partie du code.
Si vous souhaitez masquer la colonne si toutes les cellules (en ignorant l'en-tête est vide, vous pourriez faire quelque chose comme:
Exemple: http://jsfiddle.net/DeQHs/
De l'échantillon 2 (adapté pour jQuery > 1.7): http://jsfiddle.net/mkginfo/mhgtmc05/
http://jsfiddle.net/nlovatt/JsLn8/
Un multi-exemple de table qui évite d'utiliser le tableau id dans les sélecteurs
Aucune des solutions ici a fonctionné pour moi. C'est ce que j'ai utilisé pour masquer des colonnes vides avec ou sans texte dans l'en-tête:
Vous devez donc le code suivant:
HTML
JavaScript
Si les données de la table sont à partir d'une requête MySQL-il possible de vérifier si une colonne est vide en utilisant compter sur le champ (count = 0 signifie qu'il n'existe pas de valeurs).
Il est assez fastidieux quand vous avez plusieurs domaines, et SI la condition est nécessaire pour que le correspondant de l'en-tête et pied de page des cellules trop. Mais il fonctionne...
@nmat solution fonctionne très bien mais ne gère pas les pieds de page.