제목의 jQuery 테이블 너비

Question

나는 table 제목은 짧지만 셀은 길다(td).열 너비를 제목 너비로 가능한 가장 작게 만들 수 있습니까?

예:

<table>
    <tr>
        <th>Name</th>
        <th>phone</th>
    </tr>
    <tr>
        <td>Santa</td>
        <td>20938570987098709870298349082456</td>
    </tr>
</table>

따라서 "phone" 열에는 "20....."이 표시되어야 합니다.

가능합니까?

Answer 1

너비에 정확히 있어야하며 모노 스페이스 글꼴을 사용하지 않아야합니다.

$("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) + '...');
      }
   });
});

.

테스트 또는 최적화되지 않음;그냥 개념의 증명.