html 헤더 고정

<div style="width: 100%; min-width: 300px; padding-right: 10px;">

    <table style="width: 100%; min-width: 300px;">

        <colgroup span="3"> 

            <col style="width: 24px;" /> 

            <col style="width: 42%;" /> 

            <col style="width: 51%;" /> 

        </colgroup>

        <thead>

         <tr class="property-row" style="background: #064F86;">

            <th style="text-align: center;"></th>

            <th style="text-align: left;"></th>

            <th style="text-align: left;"></th>

        </tr>

       </thead>

  </table>

</div>

 <div style="width: 100%; height: 276px; overflow-y: auto;overflow-x:hidden ">

     <table id="ATEST"  style='background-color: white;width: 100%;'/>

          <colgroup span="3">

                <col style="width: 24px;" >

                <col style="width: 42%;">

                <col style="width: 51%;">

          </colgroup>

         <tr  style="display: none;" >

                <td></td>

                 <td></td>

                 <td></td>

         </tr>

  </table>

</div>