Ver Mensaje Individual
  #9 (permalink)  
Antiguo 18/06/2012, 18:06
Avatar de khristian_696
khristian_696
 
Fecha de Ingreso: agosto-2008
Mensajes: 27
Antigüedad: 15 años, 9 meses
Puntos: 4
Respuesta: Script OnLoad no permite cambiar el estilo en tabla(Solucionado)

Bueno, finalmente lo he logrado y fue cuestión de una sola linea que marco en rojo en el siguiente código

Código:
 function MakeStaticHeader(gridId, height, width, headerHeight, isFooter) {
        var tbl = document.getElementById(gridId);
        if (tbl) {
        var DivHR = document.getElementById(''DivHeaderRow'');
        var DivMC = document.getElementById(''DivMainContent'');
        var DivFR = document.getElementById(''DivFooterRow'');

        //*** Set divheaderRow Properties ****
        DivHR.style.height = headerHeight + ''px'';
        DivHR.style.width = (parseInt(width) - 16) + ''px'';
        DivHR.style.position = ''relative'';
        DivHR.style.top = ''0px'';
        DivHR.style.zIndex = ''30'';
        DivHR.style.verticalAlign = ''top'';

        //*** Set divMainContent Properties ****
        DivMC.style.width = width + ''.px'';
        DivMC.style.height = height + ''.px'';
        DivMC.style.position = ''relative'';
        DivMC.style.top = -headerHeight + ''.px'';
        DivMC.style.zIndex = ''20'';

        //*** Set divFooterRow Properties ****
        DivFR.style.width = (parseInt(width) - 16) + ''px'';
        DivFR.style.position = ''relative'';
        DivFR.style.top = -headerHeight + ''px'';
        DivFR.style.verticalAlign = ''top'';
        DivFR.style.paddingtop = ''2px'';

        if (isFooter) {
         var tblfr = tbl.cloneNode(true);
      tblfr.removeChild(tblfr.getElementsByTagName(''tbody'')[0]);
         var tblBody = document.createElement(''tbody'');
         tblfr.style.width = ''100%'';
         tblfr.cellSpacing = "0";
         //*****In the case of Footer Row *******
         tblBody.appendChild(tbl.rows[tbl.rows.length - 1]);
         tblfr.appendChild(tblBody);
         DivFR.appendChild(tblfr);
         }
        //****Copy Header in divHeaderRow****
       
       DivHR.appendChild(tbl.cloneNode(true));
       DivHR.firstChild.id='newTable' 
Con la línea DivHR.appendChild(tbl.cloneNode(true)); (se agrega la tabla completa al DIV pero sólo se ve el cabecero ya que en el estilo que aplicamos le damos un cierto alto al div y por eso sólo se muestra la cabecera)
El id es el mismo y por ende tenemos 1 id igual para 2 tablas diferentes, lo único que hice fue cambiarle el id a la nueva tabla que agregamos al div como cabecero y enseguida la tabla recobró su funcionalidad.

Saludos.