Tabelle ohne Titelzeile scrollen - Nach JS-Zugriff verspringt th

[Matthias Apsel]

Om nah hoo pez nyeetz, JürgenB!

nur im Opera ...

Gunnars Lösung sieht mit ein wenig CSS-Fummelei auch vernünftig aus, benötigt keine zusätzlichen div-Elemente und ist deshalb vorzuziehen.

table {  
   border-collapse: collapse;  
   border-bottom: 1px solid black;  
   box-shadow: -1em 0 white inset;  
}  
thead { display: block;}  
th { width: 100px; }  
  
tr { border: 1px solid black; }  
thead tr { background: gray; }  
  
tbody { display: block; max-height: 10em; overflow-y: scroll }  
tbody tr { border-bottom-style: none; }  
tbody tr:first-child { border-top-style: none; }  
  
td { width: 100px; background: lightgray;}			  
th:first-child, td:first-child { border-right: 1px solid black; }  

Matthias