タイトルのjQueryテーブル幅
-
12-12-2019 - |
質問
私は短いタイトルであるが長いセル(table
)を備えたtd
を持っています。
列の幅を最小のタイトルの幅にすることは可能ですか?
例:
<table>
<tr>
<th>Name</th>
<th>phone</th>
</tr>
<tr>
<td>Santa</td>
<td>20938570987098709870298349082456</td>
</tr>
</table>
.
だから、「電話」の列は "20 ....." を示すべきです
それは可能ですか?
解決
幅を正確にする必要がある場合は、少し困難な場合、Monospaceフォントを使用していません。
$("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) + '...');
}
});
});
.
テストまたは最適化されていない。概念実証
所属していません StackOverflow