jquery - jQueryテーブルのタイトルの幅

Question

タイトルはtable短いがセルは長い（td）。列の幅をタイトルの可能な限り最小の幅にすることは可能ですか？

例：

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

したがって、「電話」の列には「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) + '...');
      }
   });
});

テストまたは最適化されていません。単なる概念実証です。