Table pied de page automatique s'étendant sur la largeur de la table
J'ai une table qui a dynamique d'un nombre de colonnes selon les données que je reçois.
J'ai une balise qui doit se répandre à travers toutes les colonnes de l'indépendant du nombre de colonnes dans une table.
<table>
<thead>
<tr>
<th><span>ColA</span></th>
<th><span>ColB</span></th>
<th rowspan='2'><span>Col<br/> C</span></th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<td>Footer content here</td>
</tr>
</tfoot>
</table>
MODIFIER
colspan = 0 a fonctionné pour moi!
<td colspan='0'>Footer content here</td>
Fonctionne sur FF, n'A pas de travail pour Chrome, IE8 si 🙁
EDIT 2
colspan = '100%'
Ce lien résolu crossbrowser problème
https://stackoverflow.com/a/5028091/405117
Vous avez besoin de connaître le nombre de colonnes ou de créer une table en dessous.
Grâce njk....Je me demandais juste si il y a moyen que le pied de page (qui n'est qu'une colonne large dans mon cas) peut se propager sur toute la largeur de la table...peut-être à l'aide de css?
Vous pouvez certainement se déplacer loin de l'aide d'une table pour un CSS approche. Toutefois, si vous êtes l'affichage des données, le tableau est encore le chemin à parcourir.
Techniquement (je sais que cela semble bizarre!) mais le tfoot devrait venir juste après la balise thead, et la balise tbody qui vient en dernier
Grâce njk....Je me demandais juste si il y a moyen que le pied de page (qui n'est qu'une colonne large dans mon cas) peut se propager sur toute la largeur de la table...peut-être à l'aide de css?
Vous pouvez certainement se déplacer loin de l'aide d'une table pour un CSS approche. Toutefois, si vous êtes l'affichage des données, le tableau est encore le chemin à parcourir.
Techniquement (je sais que cela semble bizarre!) mais le tfoot devrait venir juste après la balise thead, et la balise tbody qui vient en dernier
OriginalL'auteur Vikram | 2012-09-12
Vous devez vous connecter pour publier un commentaire.
Utilisation
colspan="0"
Par ailleurs, votre
<tfoot>
devrait être entre<thead>
et<tbody>
balises.EDIT: Cette pratique, recommandé par le W3C, n'est pas cross-browser. Utilisez-les avec soin!
ne doivent pas nécessairement être entre <thead> <tbody> balises...
W3C dit: colspan = nombre [CN] Cet attribut spécifie le nombre de colonnes occupées par la cellule en cours. La valeur par défaut de cet attribut est l'un ("1"). La valeur zéro ("0") veut dire que la cellule s'étend sur toutes les colonnes de la colonne en cours à la dernière colonne de la colonne groupe (COLGROUP), dans laquelle la cellule est définie.
Je n'ai jamais vu cela avant. Pouvez-vous fournir de la documentation?
Sur tfoot, W3C dit: Comme un enfant d'un élément de tableau, après une légende, colgroup, et thead éléments et avant tout tbody tr éléments, mais seulement si il n'y a pas d'autres tfoot les éléments enfants de l'élément de la table.
OriginalL'auteur albertedevigo
Utilisation
colspan
. Vous aurez besoin pour obtenir le nombre de colonnes via jQuery, puis définissez la colspan de la ligne de la table que vous voulez étirer, comme ceci:Et ensuite, vous aurez besoin de donner l'id
YourTableID
à la table, comme ceci:en place de
<table>
.OriginalL'auteur Phillip Schmidt
Mettre un nombre ridiculement élevé dans le colspan valeur (c'est à dire
colspan="9999"
) et ajouter le styletable-layout: auto
de votre élément de la table.OriginalL'auteur Robert Henderson