Ver Mensaje Individual
  #6 (permalink)  
Antiguo 25/02/2008, 04:09
Avatar de mgusdl
mgusdl
 
Fecha de Ingreso: abril-2007
Ubicación: Malaga, España
Mensajes: 190
Antigüedad: 17 años
Puntos: 5
Información Re: Tabla con header fijo y scroll (horizontal y vertical)

Buenas!

La verdad que me he peleado a lo largo de los tiempos con este problema y aún no he encontrado una solución.
La cosa es que según los estándares W3C esto debería funcionar así (tal y como pasa en FF); mezclaré css con html para no andar mirando en 2 sitios:
Código HTML:
<table>
  <thead style="font-weight:bold;">
    <tr>
      <th>cabeza 1</th>
      <th>cabeza 2</th>
      <th>cabeza 3</th>
      <th>cabeza 4</th>
    </tr>
  </thead>
  <tbody style="height:200px; overflow:auto;">
    <tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr><tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr>
  </tbody>
</table> 
Como siempre, la tocada de webs viene de la mano de la implementación en Internet Exporer, que el alto especificado para tbody lo aplica a cada fila.

Las soluciones encontradas pasan por rizar el rizo con javascript y no siempre funcionan de la forma deseada (como pasa en el ejemplo del enlace arriba mencionado por axz).

Hasta ahora la única "solución" que he encontrado es una biblioteca que usa AJAX para llenar un datagrid, pero sigue siendo matar moscas a cañonazos.
Aqui teneis la URI: http://dhtmlx.com/docs/products/dhtmlxGrid/index.shtml
(no enlazo porque no me deja)