Styleguide

Category

Tag

All Colors

テーブル

/assets/src/styles/foundation/_Table.scss
theadのth theadのth theadのth
tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd 
<table>
    <thead>
        <tr>
            <th>theadのth</th>
            <th>theadのth</th>
            <th>theadのth</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
    </tbody>
</table>

theadなしのパターン

tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd 
<table>
    <tbody>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
    </tbody>
</table>