Dejar cabecera fija de una tabla

[herwex]

Hola quisiera saber si se puede hacer lo siguiente, estoy utilizando DWR para acceder a las clases Java desde JavaScript y esto lo hace de maravilla.

Recibo los datos en JavaScript y ahí mismo creo la tabla y pongo los valores que traigo de la clase java lo muestro:

Aquí creo la tabla con sus cabeceras.

Código PHP:

     function mensajeFinal(ord){
                 
var resultado = "<table id=\"resulTabla\" width=\"150%\" class=\"myTable\" cellpadding=\"10\" cellspacing=\"0\" border=\"0\" >" +
     "<thead> <tr bgcolor=\"#f0eace\"> <th width=\"5%\">Numero de Orden</th> <th width=\"5%\">Tipo de perdida</th> <th width=\"10%\">Fecha</th> <th width=\"10%\">Proveedor</th> </thead> <tbody>";    
} 
   

Aquí agrego la información

Código PHP:

     for(var i=0;i<ord.length;i++){
                        resultado += "<tr onmouseover=\"this.style.background = '#D0D8E8'\" onmouseout=\"this.style.background = '#E9EDF4'\" >"+
                            "<td class=\"claseobtennumero\">"+ord[i].idEquipoDanadoRobadoExtraviado+"</td> <td>"+ord[i].tipoPerdida+"</td> <td>"+ord[i].fechaPerdida+"</td> <td>"+ord[i].proveedor+"</td>"</td>  </tr>";      
                    } 
   

Aquí lo agrego a una variable:

Código PHP:

   document.getElementById("mjeRespuesta").innerHTML = "<span>"+resultado+"</span>"; 
   

y aquí lo imprimo ya en la pagina

Código PHP:

  <div  style="width:700px;height:220px; overflow:auto;" onscroll="OnScrollDiv (this)">
                    <div id="mjeRespuesta"></div>
                 </div> 
   

Lo que quiero saber si se puede hacer es dejar fija las cabeceras y que se ajusten al tamaño del largo de los datos que estoy imprimiendo. ahora me sale todo muy bien, como reitero lo que quiero hacer es dejar fijas las cabeceras.
Quedo al pendiente de sus comentarios ya que la parte del diseño batallo!!!!

Gracias

[IsaBelM]

aquí se trató ese tema