que onda muchachos, tengo un serio problema y me urge demasiado. Resulta que necesito hacer un reporte donde me piden que 4 columnas se mantengan fijas y las demas las pueda ver moviendo el scroll horizontal. en total son 4 columnas fijas y como 105 columnas fijas que debo de pder ver movimiendo el scroll horizontal , ahora bien, agregado a eso los titulos nunca se deben de perder, logre hacer que funcione una parte pero lo dificil viene ahora, que cuando se vayan bajando los dos divs como lo tengo hecho se mueven al mismo tiempo sin perderse.
agrego mi codigo para que lo chequen agradeceria cualquier comentario.
Código:
<table border="0" align="center" width="1165">
<td width="701" style="vertical-align:top">
<!--inicio de lado derecho fijo -->
<div style="overflow:auto; height:30px; width:700px; padding:0; position:fixed" id="headerTrabajador" >
<table border=1 width="699" bgcolor="#ffffde" cellspacing=0 id="encabezadoTrabajador">
<tr>
<td>Sucursal</td>
<td>Trabajador</td>
<td>Clave Trabajador</td>
<td>Puesto</td>
</tr>
</table>
</div>
<div style="overflow:auto; overflow-y:hidden; height:430px; width:700px; padding:0;" id="bodyTrabajador" >
<table width="699" border=1 cellspacing=0 id="cuerpoTrabajador">
<tr>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
</tr>
<!--fin de tabla -->
<tr bgcolor="#6699FF">
<td > </td>
<td > </td>
<td bgcolor="#6699FF" > </td>
<td bgcolor="#6699FF" > </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</div>
<!--fin de lado derecho fijo -->
</td>
<td width="465" style="vertical-align:top">
<div style="overflow:auto; overflow-y:hidden; height:430px; width:464px; padding:0" id="cuerpoConceptos">
<table border=1 cellspacing=0 id="datos2">
<tr bgcolor="#ffffde"><!-- inicio encabezado -->
<th>Q</th>
<th>Q</th>
<th>Q</th>
<th>Q</th>
<th>Q</th>
<th>Q</th>
<th>Q</th>
<th>Q</th>
<th>Q</th>
<th>Q</th>
</tr><!--fin encabezado -->
<tr bgcolor="#6699FF"><!--inicio fila -->
<td >qwertyuiop</td>
<td >qwertyuiop</td>
<td >qwertyuiop</td>
<td >qwertyuiop</td>
<td >qwertyuiop</td>
<td >qwerty</td>
<td >qwerty</td>
<td >qwertyuiop</td>
<td >qwerty</td>
<td >qwerty</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<!--fin fila -->
<tr><td colspan=10 > </td></tr>
</table>
</div>
</td>
</table>
la verdad estoy sufriendo bastante, ya que esto me ha detenido bastante.
Saludos