jQuery largeur de la table de titre

Question

J'ai un table avec un titre court mais long (cellulestd).Est-il possible de faire de la largeur des colonnes le plus possible la largeur de titre ?

Exemple:

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

Ainsi, la colonne "téléphone" doit afficher "20....."

Est-il possible?

Answer 1

Un peu plus difficile si vous avez besoin pour être exact, sur la largeur et vous n'êtes pas à l'aide d'une police à espacement fixe.

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

Pas testé ou optimisé;juste une preuve de concept.