Breite einer Tabellenspalte verändern

[Gernot Back]

Hallo Heph,

ich möchte gerne mit Javascript die Breite einer Tabellenspalte durch Ziehen der Spaltenkante mit der Maus ändern können.

Ich habe schon einige Beispiele gefunden, allerdings funktionieren die alle mit CSS (http://gtalbot.org/DHTMLSection/ColumnResize.html).

Funktionieren die wirklich, das scheint mir nicht so.

Ich möchte gerne eine Funktion schreiben die man nachher auf eine normale Tabelle in HTML anwenden kann. Deshalb ist die Tabelle nicht im CSS definiert und ich vermute damit funktioniert es mit dem angegebenen Beispiel nicht mehr. Ich kann auch nicht einschätzen ob das CSS im Bsp essentiell ist oder ob man es so umbauen kann dass es für normale HTML Tabellen funktioniert ?

Ohne ein Zusammenspiel von CSS und Javascript (vulgo DHTML) wird da sowieso nichts funktionieren.

Ich habe dir mal eine Beispielseite hochgeladen. Mit dem Cursor, der beim Draggen von der Spaltengrenze wegschert, bin ich da aber selbst noch nicht zufrieden, auch nicht damit, wie sich die jeweils nicht direkt beachbarten Spalten verhalten, wenn man an einer Spaltengrenze spielt. Mal sehen, ob man die Größenveränderung vielleicht noch über COL-Elemente ausgehend von der bestehenden relativen Weite der gerade nicht direkt betroffenen beiden Nachbarspalten zueinander, ggf. mit table-layout:fixed regeln könnte.

http://www.lernspielwiese.de/resizetablecolumn/

Gruß Gernot