Larghezza del tavolo jquery del titolo
-
12-12-2019 - |
Domanda
Ho un table
con titolo corto ma celle lunghe (td
).
È possibile effettuare la larghezza delle colonne alla più piccola larghezza possibile del titolo?
Esempio:
<table>
<tr>
<th>Name</th>
<th>phone</th>
</tr>
<tr>
<td>Santa</td>
<td>20938570987098709870298349082456</td>
</tr>
</table>
.
Quindi, la colonna "Telefono" dovrebbe mostrare "20 ....."
È possibile?
Soluzione
Un po 'più severo Se è necessario essere esatti sulla larghezza e non stai usando un font monospaziale.
$("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) + '...');
}
});
});
.
non testato o ottimizzato;Solo una prova-del-concetto.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow