본문 바로가기

WSG / table

normal

제목 제목 제목 제목
제목 내용
제목 내용 제목 내용
markup 예시 

<div class="table-wrap">
    <table class="data-table">
        <caption>테이블 샘플</caption>
        <colgroup>
            <col style="width: 120px;">
            <col>
            <col style="width: 120px;">
            <col>
        </colgroup>
        <tbody>
            <tr>
                <th scope="row">제목</th>
                <td colspan="3">내용</td>
            </tr>
            <tr>
                <th scope="row">제목</th>
                <td>내용</td>
                <th scope="row">제목</th>
                <td>내용</td>
            </tr>
        </tbody>
    </table>
</div>

type02

제목 내용
제목 내용 제목 내용
markup 예시 

<div class="table-wrap">
    <table class="data-table type02">
        <caption>테이블 샘플</caption>
        <colgroup>
            <col style="width: 120px;">
            <col>
            <col style="width: 120px;">
            <col>
        </colgroup>
        <tbody>
            <tr>
                <th scope="row">제목</th>
                <td colspan="3">내용</td>
            </tr>
            <tr>
                <th scope="row">제목</th>
                <td>내용</td>
                <th scope="row">제목</th>
                <td>내용</td>
            </tr>
        </tbody>
    </table>
</div>