<div id="wrap">
<div class="table">
<table>
<colgroup>
<col style="width: 120px;">
<col style="width: 120px;">
<col style="width: auto;">
</colgroup>
<thead>
<tr>
<th scope="col">1번째</th>
<th scope="col">2번째</th>
<th scope="col">3번째</th>
</tr>
</thead>
</table>
</div>
<div class="table overflow-y cScroll" style="max-height: 100px;">
<table>
<colgroup>
<col style="width: 120px;">
<col style="width: 120px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
.table{
table{width: 100%;}
th,td{height: 30px; border: 1px solid #ddd; padding: 5px; box-sizing: border-box; font-family: 'Noto Sans';}
th{font-size: 14px; color: #333; background-color: #f5f5f5;}
}
.tScroll{display: block;}
.table th, .table td {
height: 30px;
border: 1px solid #ddd;
padding: 5px;
box-sizing: border-box;
font-family: 'Noto Sans';
}
.table th {
font-size: 14px;
color: #333;
background-color: #f5f5f5;
}
.tScroll{
display: block;
}
1번째 | 2번째 | 3번째 |
---|
아래 주소를 복사하여 다른 곳에 붙여넣으세요.