테이블 - Checkbox Table

활용 가능한 주요 패턴

체크박스 테이블

<style>
	table{width: 100%}
	th, td{text-align: center;}
	th{background: #efefef;}
	caption{display: none;}
</style>

<table>
    <caption>테이블제목 : th,th,th</caption>
    <colgroup>
        <col style="width:20%">
        <col style="width:20%">
        <col style="width:20%">
        <col style="width:20%">
        <col style="width:20%">
    </colgroup>
    <thead>
        <tr>
            <th scope="col">
                <span>
                    <input type="checkbox" title="체크박스label">                    
                </span>
            </th>
            <th scope="col">제목1</th>
            <th scope="col">제목2</th>
            <th scope="col">제목3</th>
            <th scope="col">제목4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="checkbox" title="">
            </td>
            <td>data</td>
            <td>12345678</td>
            <td>00</td>
            <td>000000</td>                
        </tr>
        <tr>
            <td>
                <input type="checkbox" title="">
            </td>
            <td>data</td>
            <td>12345678</td>
            <td>00</td>
            <td>000000</td>                
        </tr>
    </tbody>
</table>