jQuery表格标题宽度

我有一个

表格

，标题短，单元格长（

td

）。 是否可以将列的宽度设置为标题的最小宽度

例如：

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

名称
电话
圣诞老人
20938570987098709870298349082456

所以，“电话”一栏应该显示“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) + '...');
      }
   });
});

未经测试或优化；只是概念证明。

重复：？