테이블 - 상단고정

활용가능한 패턴

<div class="data-tableArea-container table-type-thead-fixed">
    <!-- [공통 class] table-->
    <table class="table ">
        <caption></caption>
        <colgroup>
            <col style="width:3%">
            <col style="width:10%">
            <col style="width:12%">
            <col style="width:12%">
            <col style="width:18%">
            <col style="width:5%">
            <col style="width:10%">
            <col style="width:15%">
            <col style="width:15%">
        </colgroup>
        <thead>
        <tr>
            <th style="width:3%"></th>
            <th style="width:10%">입항일</th>
            <th style="width:12%">HAWB#</th>
            <th style="width:12%">HAWB#</th>
            <th style="width:18%">화물관리번호</th>
            <th style="width:5%">수량</th>
            <th style="width:10%">중량</th>
            <th style="width:15%">입력일시</th>
            <th style="width:15%">입력일시</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>20171030</td>
            <td>GRZ18468705</td>
            <td>GRZ18468705</td>
            <td>17KE0F1AD-0009-002</td>
            <td>500</td>
            <td>735.500</td>
            <td>2017-10-13 10:15</td>
            <td>2017-10-13 10:15</td>
        </tr>
        <tr>
            <td>2</td>
            <td>20171030</td>
            <td>GRZ18468705</td>
            <td>GRZ18468705</td>
            <td>17KE0F1AD-0009-002</td>
            <td>500</td>
            <td>735.500</td>
            <td>2017-10-13 10:15</td>
            <td>2017-10-13 10:15</td>
        </tr>
        <tr>
            <td>3</td>
            <td>20171030</td>
            <td>GRZ18468705</td>
            <td>GRZ18468705</td>
            <td>17KE0F1AD-0009-002</td>
            <td>500</td>
            <td>735.500</td>
            <td>2017-10-13 10:15</td>
            <td>2017-10-13 10:15</td>
        </tr>
        <tr>
            <td>4</td>
            <td>20171030</td>
            <td>GRZ18468705</td>
            <td>GRZ18468705</td>
            <td>17KE0F1AD-0009-002</td>
            <td>500</td>
            <td>735.500</td>
            <td>2017-10-13 10:15</td>
            <td>2017-10-13 10:15</td>
        </tr>
        </tbody>
    </table>
    </div>