Foros del Web - Ver Mensaje Individual

doylelives · #5 (**permalink**) 30/09/2012, 11:15

Son condiciones a respetar para usar 2 plugins de jquery (datatables y otro de vertical scrolling).
el container me especifica el area donde el scrolling actua(height:60px) y su visibilidad (overflow:hidden), el scrolling solo debe mover el contenido del tbody, no el thead.
Como ves a continuacion el thead desaparece fuera del container.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>tbody</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
thead {
    color:green;
    position:absolute;
    top:-13px;
}
tbody {
    color:blue;
    position:absolute;
    top:0;/*este valor varia de 0 a positivos, por medio de un plugin*/
}
tfoot {color:red;} 
.container {
    margin-top:100px;
    position:relative;
    overflow:hidden;
    height:60px;
}
/*]]>*/
</style>
</head>
<body>
<div class="container">
<table border="1">
<thead>
<tr>
<th>thead</th>
<th>thead</th>
</tr>
</thead>
 
<tbody>
<tr>
<td>tbody - por defecto se ubica debajo del thead y sobre el tfoot</td>
<td>tbody - por defecto se ubica debajo del thead y sobre el tfoot</td>
</tr>
<tr>
<td>tbody</td>
<td>tbody</td>
</tr>
</tbody>
</table>
</body>
</div>
</html>