Scrollbar für eine Tabellenzelle

Um Tabellenzellen nicht in ihrer Größe ändern zu müssen aber den Inhalt, egal welcher Länge, darstellen zu können, bietet sich eine Scrollbar an, die der Zelle hinzugefügt wird.

Dies ist möglich durch einen in die Zelle eingebetteten <DIV> Container der das CSS Element overflow: auto enthält.

Beispiel:

Überschrift
Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle,

Überschrift

Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle, Text der Zelle,

Und hier der dazugehörige Quelltext:

<table cellSpacing="0" cellPadding="4" border="1" width="200"> <tr> <th>Überschrift</th> </tr> <tr> <td> <div style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 130px"> Text der Zelle, </div> </td> </tr> </table>