如何用可變數量的行和列滾動表格

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