Matthias Berger: Tabelle zum scrollen

SELF-Forum

Tabelle zum scrollen

Matthias Berger
– Informationen zu den Bewertungsregeln

Hallo,
ich suche nach einer Möglichkeit einen Teil einer Tabelle scrollbar zu machen. Also der THEAD und der TFOOT sollen fix sein und dazischen der TBODY einen Scrollbalken erhalten.
Unter www.w3.org habe ich folgende Info gelesen:

Table rows may be grouped into a table head, table foot, and one or more table body sections, using the THEAD, TFOOT and TBODY elements, respectively. This division enables user agents to support scrolling of table bodies independently of the table head and foot. When long tables are printed, the table head and foot information may be repeated on each page that contains table data.

aber ich keine Ahnung, wie es genau gehen soll.
Hat da jemand mal ein Beispiel an der Hand?

Danke und Grüße
Matthias

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabelle zum scrollen

    Sebastian Becker
    – Informationen zu den Bewertungsregeln

    Hallo, Matthias,

    ich suche nach einer Möglichkeit einen Teil einer Tabelle scrollbar zu machen. Also der THEAD und der TFOOT sollen fix sein und dazischen der TBODY einen Scrollbalken erhalten.

    Damit habe ich mich auch bislang vergeblich abgemüht. Als Notlösung kann man die Tabelle aber auch aufteilen und über divs scrollbare Bereiche definieren. Das funktioniert aber sicherlich auch nicht in allen Browsern ...

    Grüße,

    Sebastian

    <html>
    <head>
    <title>Table Scroll Test</title>

    <style type="text/css">

    body,tr,td
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    }

    .noscroll
    {
    width: 200px
    }

    .scroll
    {
    display: block;
    overflow: scroll;
    height: 200px;
    width: 200px
    }

    </style>

    </head>

    <body bgcolor="#FFFFFF" text="#000000">

    <div class="noscroll">
    <table border="0" cellspacing="1" cellpadding="1">
    <tr>
    <td>head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head</td>
    </tr>
    </table>
    </div>

    <div class="scroll">
    <table border="0" cellspacing="1" cellpadding="1">
    <tr>
    <td>body body body body body body body body body body body body
    body body body body body body body body body body body body body
    bodybody body body body body body body body body body body body
    body body body body body body body body body body body body body
    body body body body body body body body body body body body body
    bodybody body body body body body body body body body body body
    body body body body body body body body body body body body body
    body body body body body body body body body body body body body
    bodybody body body body body body body body body body body body
    body body body body body body body body body body body body body
    body body body body body body body body body body body body body
    bodybody body body body body body body body body body body body
    body</td>
    </tr>
    </table>
    </div>

    </body>
    </html>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln