제목의 jQuery 테이블 너비
-
12-12-2019 - |
문제
나는 table
제목은 짧지만 셀은 길다(td
).열 너비를 제목 너비로 가능한 가장 작게 만들 수 있습니까?
예:
<table>
<tr>
<th>Name</th>
<th>phone</th>
</tr>
<tr>
<td>Santa</td>
<td>20938570987098709870298349082456</td>
</tr>
</table>
따라서 "phone" 열에는 "20....."이 표시되어야 합니다.
가능합니까?
해결책
너비에 정확히 있어야하며 모노 스페이스 글꼴을 사용하지 않아야합니다.
$("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