Comment redimensionner des colonnes de la table largeur de JavaScript

J'ai un problème avec le javascript.
J'ai une liste de cellules d'un tableau stocké à Tabliste.
Je veux trouver le maximum de la largeur, puis définissez cette largeur à toutes et tous.
Un exemple de code est ici, mais le réglage de la largeur n'est pas de travail.

var MaxTabWidth = 0;
for (var i = 0; i < TabList.length-1; i++)
{
  if (TabList[i].offsetWidth>MaxTabWidth) 
    MaxTabWidth = TabList[i].offsetWidth;
}

for (var i = 0; i < TabList.length-1; i++)
{
  TabList[i].style.width = MaxTabWidth+"px";
  //TabList[i].width = MaxTabWidth+"px";
  //TabList[i].offsetWidth = MaxTabWidth+"px";
}

J'ai commenté mes tentatives..
Toute aide?
Cette
ne pas faire le truc pour moi..

mise à jour:
Je suis sûr que Tabliste est une liste de Cellules, car j'ai été vérifier le nom de la classe.
Je suis en boucle jusqu'à ce Tabliste.longueur-1, parce que je veux la dernière cellule pour remplir le reste de la largeur du tableau.

OriginalL'auteur Stavros | 2009-04-30

  1. 4

    Je vous suggère de supprimer tous les css/style de la page et de le tester pour isoler le problème. Des choses comme ce sont souvent compliquées par les css.

    J'étais déjà en train d'écrire cela comme une réponse 🙂

    OriginalL'auteur airportyh

  2. 1

    Si vous définissez la largeur de l'ensemble de la table --j'*MaxTabWidth. Serait-ce de répartir uniformément les colonnes? Supposons que votre table est nommée myTable.

    document.getElementById('myTable').width = new String(--i*MaxTabWidth)

    Edit: Aussi ne pas

    for (var i = 0; i < TabList.length-1; i++)

    sauter la dernière colonne par s'arrêter à Tabliste.longueur-2?

    OriginalL'auteur oneporter

  3. 0

    Pour ce qu'elle vaut, en jQuery ce qui peut être fait avec le script suivant où votre table a l'id de "matable". Si vous avez suffisamment de contrôle sur l'environnement à ajouter dans un cadre, je le recommande fortement car il rend les tâches comme ces beaucoup plus facile.

        var maxWidth = 0;

    $("#myTable td").each(function() {
        if ($(this).width() > maxWidth) {
            maxWidth = $(this).width();
        }
    });
    $("#myTable td").width(maxWidth);

    OriginalL'auteur Brian Grinstead