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ärt 🙂

    lG
    Riddl


Anmelden zum Antworten