✔ Scrollbare Tables

[Mayday]

Wie krieg ich ne Table mit nem scrollbar hin, so das wenn ich was in die table rein schreibe die table die gleiche grösse behält und nur der scrollbalken weiter nach unten läuft ?

 

[braindad]

das hier wird dich uU interessieren, hab ich eben zusammengebastelt.

wenn du willst, das die gesamte tabelle scrollbar ist, dann pack die tabelle einfach in einen <div> tag und in diesem gibts du die height/width (wo bei width ca. 20px größer sein sollte als die tabelle an sich, damit der scrollbalken nicht den content überlagert, bzw. damit kein horizontaler balken erscheint) und einen overflow-wert an.

das ganze ist auh nur für eine zelle einer tabelle möglich: zwischen die entsprechenden <td> tags einen <div> legen und diesem height und overflow zuweisen.

im folgenden bsp hab ich beides zusammen gemacht - die gnaze tabelle ist scrollbar, genau wie die obere zelle. die untere zelle wird normal angezeigt.

<div style="height:300; width:220; overflow:auto;">
  <table border="1" width="200" height="200">
    <tr>
      <td>
        <div style="height:200; overflow:auto;">
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
		  Dies ist ein viel zu langer Text! 
        </div>
      </td>
    </tr>
    <tr>
      <td>
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text!
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
        Dies ist ein viel zu langer Text! 
      </td>
    </tr>
  </table>
</div>

ich denke, das sollte dir weiterhelfen.

ps: funzt bei IE, leider nicht bei opera. netscape macht ab 6.2 mit, ab 6.0 mit kleinen fehlern.

 

[sam]

clickclick