Mmm ... desafortunádamente aún no existe alguna forma de hacerlo de manera normal, sin embargo cuando he tenido que recurrir a eso, lo que hago es algo como esto:
En tus estilos:
Código HTML:
<style type="text/css">
.sinTbody
{
display: none;
}
#tablaEncabezados th, #divTablaDetalle td
{
width: 90px;
border: 1px solid red;
}
#tablaEncabezados .colBarraDesp
{
width: 10px;
}
#tablaEncabezados, #divTablaDetalle
{
width: 210px;
}
#divTablaDetalle
{
height: 100px;
overflow-y: scroll;
}
#divTablaDetalle table
{
width: 100%;
margin: 0;
}
</style>
En tu código:
Código HTML:
<table id="tablaEncabezados">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th class="colBarraDesp"> </th>
</tr>
</thead>
<tbody class="sinTbody"><tr><td> </td></tr></tbody>
</table>
<div id="divTablaDetalle">
<table>
<tbody>
<tr><td>valor 1</td><td>valor 2</td></tr>
<tr><td>valor 1</td><td>valor 2</td></tr>
<tr><td>valor 1</td><td>valor 2</td></tr>
<tr><td>valor 1</td><td>valor 2</td></tr>
<tr><td>valor 1</td><td>valor 2</td></tr>
<tr><td>valor 1</td><td>valor 2</td></tr>
<tr><td>valor 1</td><td>valor 2</td></tr>
</tbody>
</table>
</div>
Creo que es lo que buscas, espero te sirva