Ajout d'une colonne à une table (en utilisant jQuery) rend la table plus grande, pourquoi?

Question

Je construis un éditeur de données de table, et j'ai besoin de fonctionnalités qui ne sont pas disponibles dans les plugins déjà construits. Ceci est mon code à ce jour:

http://sandman.net/test/tables.php

Mais je vais avoir problème avec mon bouton « ajouter la colonne » (« jusqu'à ce kolumn Ajouter Au »), ce qui ajoute correctement une colonne, mais rend la table une colonne plus grande Dans le processus. J'ai même essayé de définir les largeurs TD en pourcentages après le fait mais cela ne fonctionne pas.

Comment ajouter une colonne et lui redimensionner automatiquement toutes les colonnes pour qu'elle corresponde à la largeur prédéfinie?

Answer 1

Joli travail que vous avez là.Je me demande est le réajustement de la largeur de la colonne existante toujours en vigueur? Il semble que ce ne l'est pas.

j'ai couru ces derniers dans Firebug, la table ne se creuser après:

$('.editgrid td input').css('width','100%'); 
$('.editgrid ').css('width','100%'); 
$('.editgrid td.gridvalue').css('width','25%'); //use (100/datacolumn count) % instead 
$('.editgrid td.controller').css('width','7px'); 

espère que cela peut vous aider à trouver votre solution.

Answer 2

Ce que vous pouvez faire est de définir de nouvelles largeurs pour chaque colonne dans Javascript lorsque vous ajoutez une colonne. Je ne travaille jamais avec jQuery donc j'espère que la syntaxe est correcte. Votre éditeur a l'air bien btw ;-)