Yo hice esto para probar, pero, claro, no funciona en IE
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>dataGrid</title>
<style type="text/css">
<!--
#datag {
background-color: #EBEBEB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 400px;
display: block;
}
#datag thead {
text-align: left;
display: block;
}
#datag tbody {
display: block;
width: 400px;
background-color: #999999;
overflow: auto;
text-align: left;
height: 50px;
}
#datag .col1 {
width: 150px;
}
#datag .col2 {
width: 150px;
}
#datag .col3 {
width: 100px;
}
-->
</style>
</head>
<body>
<table id="datag">
<thead>
<tr>
<th class="col1">Nombre</th>
<th class="col2">Apellido</th>
<th class="col3">Teléfono</th>
</tr>
</thead>
<tbody>
<tr>
<td class="col1">Diego</td>
<td class="col2">Pérez</td>
<td class="col3">1234-0221</td>
</tr>
<tr>
<td>Agustín</td>
<td>Pepe</td>
<td>4321-8796</td>
</tr>
<tr>
<td>Cecilia</td>
<td>Apo</td>
<td>4896-5632</td>
</tr>
<tr>
<td>Nardo</td>
<td>Pipino</td>
<td>4693-3214</td>
</tr>
<tr>
<td>Carola</td>
<td>Fernández</td>
<td>4236-5632</td>
</tr>
<tr>
<td>Nélida</td>
<td>Frihida</td>
<td>4369-8963</td>
</tr>
<tr>
<td>Eustaquio</td>
<td>Merengano</td>
<td>4896-5637</td>
</tr>
<tr>
<td>Flavio</td>
<td>Nono</td>
<td>4156-8521</td>
</tr>
<tr>
<td>Andrés</td>
<td>Perengano</td>
<td>4569-8547</td>
</tr>
<tr>
<td>Viviana</td>
<td>Mengano</td>
<td>4972-5698</td>
</tr>
</tbody>
</table>
</body>
</html>