Scrollfähige Liste in HTML-Seite formatieren
-
Hallo,
ich versuche gerade eine scrollende Tabelle mit einer fixen Titelleiste in einer HTML-Seite zu erstellen.
Das funktioniert auch:<html> <table class="main" cellpadding="2" cellspacing="0" summary="Demo of scrolling table"> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th style="padding-right: 17px;">Header 3</th> </tr> </thead> <tfoot> <tr> <th>Footer 1</th> <th>Footer 2</th> <th>Footer 3</th> </tr> </tfoot> <tbody> <tr> <td colspan="99"> <div id="iehack"> <!-- begin ie hack --> <table summary="" cellpadding="2" cellspacing="0" border="1"> <tr> <td>ABCDEFGHIJKLMNOPQRSTUVWXYZ</td> <td>ABCDEFGHIJKLMNOPQRSTUVWXYZ</td> <td>Row 1 Cell 3</td> </tr> <tr> <td>Row 2 Cell 1</td> <td>Row 2 sadfgasfasdfasdfCell 2</td> <td>Row 2 Cell 3</td> </tr> </table> </div><!-- end ie hack --> </td> </tr> </tbody> </table> </html>
Leider sind Header (= die fixe Titelleiste) immer total verschoben wenn die Einträge in der Tabelle etwas länger sind
Ich würde gerne eine Lösung haben bei der die Spaltenbreite der GANZEN Tabelle vom längsten Eintrag einer gesamten Spalte abhängig ist. Ich hoffe das ist halbwegs klar erklärtlG
Riddl