04/12/2007, 09:10
|
| | Fecha de Ingreso: junio-2007
Mensajes: 4
Antigüedad: 17 años, 6 meses Puntos: 0 | |
Re: Mantener los titulos fijos de una tabla yo tengo una solucion que te servira de mucho pero esta solucion esta implementada y probada solo para firefox, safari, opera, pero para internet explorer no funciona nada bien, haber si alguien me da la solucion para IE.
--------------------------------------------------------
<style type="text/css">
<!--
.style7 {color: #FFFFFF; font-weight: bold; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.class{ overflow:auto;overflow-x:hidden; width:100%; padding-right:100px; height:150px; top:40px;}
/*<tbody id="datos" style="height:10px; top:40px; overflow-y:auto;"> */
-->
</style>
<table width="100%" border="1">
<thead>
<tr>
<td width="200" class="style7"bgcolor="#003366">Columna Demo 1</td>
<td width="200" class="style7" bgcolor="#003366">Columna Demo 2</td>
<td width="200" class="style7" bgcolor="#003366">Columna Demo 3</td>
</tr>
</thead>
<tbody id="datos" class="class">
<!--<tbody id="datos" style="height:200px; top:40px; overflow:scroll; width:100%;"> -->
<!--<tbody id="datos" style="height:100px; top:40px; overflow-y:auto;">-->
<tr>
<td>a</td>
<td>1</td>
<td>s</td>
</tr>
<tr>
<td>d</td>
<td>2</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>3</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>4</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>5</td>
<td>s</td>
</tr>
<tr>
<td>d</td>
<td>6</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>7</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>8</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>9</td>
<td>s</td>
</tr>
<tr>
<td>d</td>
<td>10</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>11</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>12</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>13</td>
<td>s</td>
</tr>
<tr>
<td>d</td>
<td>14</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>15</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>16</td>
<td>f</td>
</tr>
</tbody>
</table> |