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

未经测试或优化；只是一个概念验证。