jQuery largeur de la table de titre
-
12-12-2019 - |
Question
J'ai un table
avec un titre court mais long (cellulestd
).Est-il possible de faire de la largeur des colonnes le plus possible la largeur de titre ?
Exemple:
<table>
<tr>
<th>Name</th>
<th>phone</th>
</tr>
<tr>
<td>Santa</td>
<td>20938570987098709870298349082456</td>
</tr>
</table>
Ainsi, la colonne "téléphone" doit afficher "20....."
Est-il possible?
La solution
Un peu plus difficile si vous avez besoin pour être exact, sur la largeur et vous n'êtes pas à l'aide d'une police à espacement fixe.
$("th").each(function () {
var chars = $(this).text().length;
$("td").eq($(this).index()).each(function () {
if ($(this).text().length > chars) {
$(this).text($(this).text().substring(0, chars) + '...');
}
});
});
Pas testé ou optimisé;juste une preuve de concept.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow