html 스크롤 헤더 테이블 고정

<div class="co_wrapper" style="overflow: auto; overflow-x:hidden; width: 740px; height: 550px;">

    <table id="list-table" class="table_wrap">
        <colgroup>
            <col width="75px"/>
            <col width="65px"/>
            <col width="65px"/>
            <col width="*"/>
            <col width="153px"/>
        </colgroup>
        <thead>
        <tr>
            <th>No</th>
            <th>Type_A</th>
            <th>Type_B</th>

            <th>Type_C</th>

            <th>Type_D</th>

        </tr>
        </thead>
        <tbody > </tbody>
    </table>

</div> 

스크롤 내릴때 헤더 부분을 고정 시키고 싶습니다.

div이를 나눠야 될거 같은데.. 어떻게 해야하죠..?

고정시키고 싶은 부분은

            <th>No</th>

            <th>Type_A</th>
            <th>Type_B</th>

            <th>Type_C</th>

            <th>Type_D</th>

이 구문입니다!

고수님들 부탁드립니다!