Fijar columnas en tablas
Hola: es posible, y como se hace, para poder fijar columnas de una tabla de manera que al moverse horizontalmente por la pagina esten estas columnas siempre visibles? Quiero que esta columnas fijas actuen como si fueran un marco.
1 respuesta
Respuesta de juanjillo
1
No se si te gustará el efecto porque no exactamente aparece siempre visible. Consiste en que cada vez que bajas el scroll, la tabla se desplaza hacia abajo. Pruebalo a ver que te parece. La tabla está dentro de un Layer. No olvides cerrar la pregunta
<HTML>
<HEAD>
<script language=javaScript>
function setVariables(){
if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";}
else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
y="document.body.scrollTop";x="document.body.scrollLeft";}checkLocationA()}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
object="object1";yy=eval(y);xx=eval(x);ydiff=ystart-yy;xdiff=xstart-xx;
if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
eval(dS+object+sD+v+ystart);eval(dS+object+sD+h+xstart);
setTimeout("checkLocation()",10)}
function checkLocationA(){ystart=eval(y);xstart=eval(x);}
</script>
</HEAD>
<BODY BGCOLOR="white" vlink="blue" link="blue" onload="setVariables();checkLocation()">
<div id="object1" style="position:absolute; visibility:show; left:2px; top:11px; height:268px; font-family:arial; font-size:14px; width: 254px"><br>
<br>
<table width="100%" border="2" cellspacing="2" cellpadding="2" align="center">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div align="center"><SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var browName = navigator.appName;
var browDateTime = (new Date()).getTime();
var browVersion = parseInt(navigator.appVersion);
var ua=navigator.userAgent.toLowerCase();
var adcode='';
if (browName=='Netscape'){
if (browVersion>=5)
{ document.write('<ifr'+'ame src="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&Browser=NETSCAPE6&X=' + browDateTime + '" width=468 height=60 Marginwidth=0 Marginheight=0 Hspace=0 Vspace=0 Frameborder=0 Scrolling=No></ifr'+'ame>'); }
else if ((browVersion>=4)&&(ua.indexOf("mac")==-1))
{ document.write('<S'+'CRIPT src="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&Browser=NETSCAPE4">');
document.write('</'+'scr'+'ipt>');
document.write(adcode); }
else if (browVersion>=3)
{ document.write('<A HREF="http://ad.html.it/banman.asp?ZoneID=46&Task=Click&Mode=HTML&PageID=12190&RandomNumber=' + browDateTime + '" target="_new"><IMG SRC="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&Mode=HTML&PageID=12190&RandomNumber=' + browDateTime + '" width="468" height="60" border="0"></A>'); } }
if (browName=='Microsoft Internet Explorer')
{ document.write('<ifr'+'ame src="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&X='
<HTML>
<HEAD>
<script language=javaScript>
function setVariables(){
if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";}
else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
y="document.body.scrollTop";x="document.body.scrollLeft";}checkLocationA()}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
object="object1";yy=eval(y);xx=eval(x);ydiff=ystart-yy;xdiff=xstart-xx;
if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
eval(dS+object+sD+v+ystart);eval(dS+object+sD+h+xstart);
setTimeout("checkLocation()",10)}
function checkLocationA(){ystart=eval(y);xstart=eval(x);}
</script>
</HEAD>
<BODY BGCOLOR="white" vlink="blue" link="blue" onload="setVariables();checkLocation()">
<div id="object1" style="position:absolute; visibility:show; left:2px; top:11px; height:268px; font-family:arial; font-size:14px; width: 254px"><br>
<br>
<table width="100%" border="2" cellspacing="2" cellpadding="2" align="center">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div align="center"><SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var browName = navigator.appName;
var browDateTime = (new Date()).getTime();
var browVersion = parseInt(navigator.appVersion);
var ua=navigator.userAgent.toLowerCase();
var adcode='';
if (browName=='Netscape'){
if (browVersion>=5)
{ document.write('<ifr'+'ame src="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&Browser=NETSCAPE6&X=' + browDateTime + '" width=468 height=60 Marginwidth=0 Marginheight=0 Hspace=0 Vspace=0 Frameborder=0 Scrolling=No></ifr'+'ame>'); }
else if ((browVersion>=4)&&(ua.indexOf("mac")==-1))
{ document.write('<S'+'CRIPT src="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&Browser=NETSCAPE4">');
document.write('</'+'scr'+'ipt>');
document.write(adcode); }
else if (browVersion>=3)
{ document.write('<A HREF="http://ad.html.it/banman.asp?ZoneID=46&Task=Click&Mode=HTML&PageID=12190&RandomNumber=' + browDateTime + '" target="_new"><IMG SRC="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&Mode=HTML&PageID=12190&RandomNumber=' + browDateTime + '" width="468" height="60" border="0"></A>'); } }
if (browName=='Microsoft Internet Explorer')
{ document.write('<ifr'+'ame src="http://ad.html.it/banman.asp?ZoneID=46&Task=Get&X='
