Altura máxima en la tabla Html

Creo una tabla, y quiero que su height sea ​​de 800px .

Si es un desbordamiento, quiero hacer la barra de desplazamiento, pero los títulos no se desplazan.

Así que trato de agregar este CSS:

 overflow: scroll; max-height:800px; 

Pero no es trabajo para mí. Este es el archivo html completo. ¿Cuál es el problema?

CSS

 table{ overflow: scroll; text-align: center; margin: auto; max-height:800px; } table, td, th { border:1px solid green; } th { background-color:green; color:white; } 

Y HTML

 
field a field b field c field e
3534534 עו"ש 6,463 4,000
3534534 עו"ש 6,463 4,000

¡¡¡Gracias!!!

Puede envolver la tabla en un div y dar la max-height y el overflow: scroll a ese div

 
...
field a field b field c field e
3534534 עו"ש 6,463 4,000
 .pane { display: inline-block; overflow-y: scroll; max-height:200px; } table { text-align: center; margin: auto; } 

JSFiddle

Hay otra solución en Pure CSS Scrollable Table con Fixed Header sin un wrapper div, pero con un thead y un tbody adicionales alrededor de las filas. Establece thead y tbody para display: block y dar una max-height y overflow-y al tbody. Esto permite que el encabezado permanezca en su lugar al desplazarse por las filas. Pero, como siempre, viene con una etiqueta de precio. Debe especificar el ancho de las columnas, ya que thead y tbody no están sincronizados debido a la display: block

  ... 
field a field b field c field e
3534534 עו"ש 6,463 4,000
 thead { display: block; } tbody { display: block; overflow-y: scroll; max-height:200px; } thead th, tbody td { width: 70px; } 

JSFiddle

Actualizar:

En el código fuente de ese sitio, hay comentarios sobre IE e IE6. Establece

 thead tr { position: relative } 

y define el ancho de la tabla con

 table { float: left; width: 740px } 

Si esto es relevante para IE10, no lo sé.

Use otro elemento para envolver toda la tabla y darle esas propiedades:

 #table-limiter { max-height:800px; overflow: scroll; } 

Ejemplo HTML:

 
...

La mesa de peinado es, a veces, un problema 🙁

Aquí hay un enfoque.

Agregue un div de envoltura con CSS:

 #set-height { display: inline-block; height:800px; overflow: scroll; } 

Fiddle: http://jsfiddle.net/JmLFz/

Envuelva la tabla en una etiqueta div y configure la altura del div en 800px con un desbordamiento establecido en automático.

 
//Table goes here

Entonces, si la altura de su mesa es más de 800px, aparecerá una barra de desplazamiento en el div y le permitirá desplazarse por la tabla.