Würde ich wie folgt machen (am Beispiel von jQuery): Zuerst die neue Spalte ans Ende der <tr> einfügen. Per umliegendem div mit entsprechendem overflow verhindern, dass sie jetzt bereits zu sehen ist. Dann per $('#tabelle tr td:eq(2)') die 2.Spalte animieren (Breite bis auf 0 verringern) und dann aus dem DOM entfernen.
Das geht nicht. :eq selektiert mir nur die zweite Zelle in der ersten Zeile. Weißt Du wie es geht, oder rätst du? wenn ich nth-child nehme wird bei animate({widht:0},500) außerdem nur bis zum Inhalt von der td verringert. Auch, wenn die Zelle ein Overflow hidden hat.
Cheers,
Baba