se me ha presentado una complicacion con un codigo de javascript, pero la verdad soy nueva con estos temas, ya le di muchas vueltas y no lo he podido resolver, podrian echarme una mano?
gracias les dejo el codigo, el problema es que las culumnas del ecnabezado que son 'n' no coinciden con las que se encontraran dentro de la tabla con el scrollbar.
gracias
Código PHP:
<HTML>
<HEAD>
<TITLE>TABLA</TITLE>
<SCRIPT language= "JavaScript">
var ancho1,ancho2,i;
var columnas=<?=$_POST['columnas'];?>; //CANTIDAD DE COLUMNAS//
function ajustaCeldas(){
for(i=0;i<columnas;i++){
ancho1=document.getElementById("encabezado").rows.item(0).cells.item(i).offsetWidth;
ancho2=document.getElementById("datos").rows.item(0).cells.item(i).offsetWidth;
if(ancho1>ancho2){
document.getElementById("datos").rows.item(0).cells.item(i).width = ancho1-6};
else{
document.getElementById("encabezado").rows.item(0).cells.item(i).width = ancho2-6;}
}
}
</SCRIPT>
<STYLE>
#encabezado{border:0}
#encabezado th{border-width:1px}
#datos{border:0}
#datos td{border-width:1px}
</STYLE>
</HEAD>
<BODY onload=ajustaCeldas()>
<?php
echo '<table border=1 bgcolor=scrollbar align=center>
<td>
<table id="encabezado" border=1 cellspacing=0 cellpadding=2 bgcolor=#cccccc>
';
foreach ($a as $k=> $array){
foreach ($array as $clave=> $elemento){
if($elemento){
echo '<td bgcolor="#CECECE" width="100"><font face="verdana" size="2"><div align="center">
<input type="hidden" name="compradoras['.$clave.']['.$k.']" value="'.$elemento.'"/>
'.$elemento.'
</div></td>';
}else{
echo '<td bgcolor="#CECECE" width="100"><font face="verdana" size="2"><div align="center">.</div></td>';
}
}
}
echo '</tr>';
echo '</table>';
<div style="overflow:auto; height:100px; padding:0">
<table border=1 cellspacing=0 cellpadding=2 id="datos" bgcolor=white>
foreach( $b as $key => $arrai ) {
foreach ($arrai as $no => $elemento){
if($elemento){
echo '<tr>';
echo '<td bgcolor="#CECECE" width="100"><font face="verdana" size="2"><div align="center">
<input type="hidden" name="elemento['.$no.']['.$key.']"id="hiddenField" value="'.$elemento.'"/>
'.$elemento.'
</div></div></td>';
//empresas proveedoras
//echo 'no'.$no.'***key'.$key.'***elemento/'.$elemento;
for($ch=1; $ch<= $c; $ch++){
//cruces
echo'<td width="110"><div align="center"><font face="Verdana" size="1"> <input type="checkbox" name="elemento['.$no.']['.$ch.']" value="'.$elemento.'"/></font></div></td>';
//echo 'no'.$no.'---ch'.$ch.'---elemento/'.$elemento;
}
echo '</tr>';
}
}
}
echo '</table></body></html>';
echo '</td></table>';
?>