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>Noth>
            <th>Type_Ath>
            <th>Type_Bth>

            <th>Type_Cth>

            <th>Type_Dth>

        tr>
        thead>
        <tbody > tbody>
    table>

div> 

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

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

고정시키고 싶은 부분은

            <th>Noth>

            <th>Type_Ath>
            <th>Type_Bth>

            <th>Type_Cth>

            <th>Type_Dth>

이 구문입니다!

고수님들 부탁드립니다!