如何用可变数量的行和列滚动表格

Question

我在尝试滚动具有可变数量的行和列的表格时遇到问题。我试图把溢出（自动和滚动）和最大高度和宽度都包含表格和表格本身。我复制了代码的源代码和我的css类。如果有人能帮助我，我会感激！

<div class="divCuotas"> 
<table class="tablaCuotas" cellpadding="1px" cellspacing="0"> 
<tr style="background-color: rgb(153, 153, 153);"> 
<td class="fullTableTD"colspan = "2">Comercio</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
<td class="fullTableTD">10/02/2010</td> 
</tr> 
<tr class = "dataTables"> 
<td rowspan="2">Fravega</td><td>Cuota</td> 
<td>1/9</td> 
<td>2/9</td> 
<td>3/9</td> 
<td>4/9</td> 
<td>5/9</td> 
<td>6/9</td> 
<td>7/9</td> 
<td>8/9</td> 
<td>9/9</td> 
<td>10/9</td> 
<td>11/9</td> 
<td>12/9</td> 
<td>13/9</td> 
<td>14/9</td> 
<td>15/9</td> 
<td>16/9</td> 
<td>17/9</td> 
<td>18/9</td> 
</tr> 
<tr class = "dataTables"> 
<td>$</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
</tr> 
<tr class = "dataTables"> 
<td rowspan = "2">Garbarino</td> 
<td>Cuota</td> 
<td>1/2</td> 
<td>2/2</td> 
</tr> 
<tr class = "dataTables"> 
<td>$</td> 
<td>13</td> 
<td>13</td> 
</tr> 
</table> 
</div> 

这里是CSS：

.tablaCuotas{ 
    line-height:15px; 
    overflow:scroll; 
    height:100px; 
    width:100px; 
    margin-bottom: 5px; 
    display: inline-table; 
    background-color:#ededed; 
} 

.divCuotas{ 
    overflow:scroll; 
    height:100px; 
    width:100px; 
    font-weight:normal; 
    margin-bottom: 20px; 
    display: inline-table; 
    text-align:center; 
} 

Answer 1

的display:inline-table在DIV是什么搞乱你的布局..

删除它，它会被罚款..

您打开div来一个表，表中不允许滚动..

Answer 2

放入TBODY

<tbody style="height:100px;overflow:scroll"> 

，并检查该http://www.imaputz.com/cssStuff/bigFourVersion.html 这http://codylindley.com/blogstuff/css/pushpin/pushpin.html