JSFiddle - React, Tailwind, and code Playground

by hyeyoon

HTML

<table>
  <caption>리밸런싱 히스토리</caption>
  <thead>
    <tr>
      <th scope='col'>펀드</th>
      <th scope='col'>현재비율</th>
      <th scope='col'>17.06.25</th>
      <th scope='col'>17.05.21</th>
      <th scope='col'>17.04.21</th>
      <th scope='col'>17.03.21</th>
      <th scope='col'>17.02.21</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td scope='row' >MMF형</td>
      <td>10%</td>
      <td>10%</td>
      <td>10%</td>
      <td>5%</td>
      <td>2%</td>
      <td>0%</td>
    </tr>
    <tr>
      <td scope='row' >가치주식형</td>
      <td>20%</td>
      <td>20%</td>
      <td>0%</td>
      <td>20%</td>
      <td>10%</td>
      <td>0%</td>
    </tr>
    <tr>
      <td scope='row' >채권형</td>
      <td>50%</td>
      <td>50%</td>
      <td>40%</td>
      <td>40%</td>
      <td>10%</td>
      <td>0%</td>
    </tr>
    <tr>
      <td scope='row' >주식형</td>
      <td>0%</td>
      <td>10%</td>
      <td>20%</td>
      <td>5%</td>
      <td>10%</td>
      <td>0%</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td scope='row' >적용여부</td>
      <td>적용</td>
      <td>적용</td>
      <td>적용</td>
      <td>미적용</td>
      <td>미적용</td>
      <td>미적용</td>
    </tr><tr>
      <td scope='row' >고객 피드백</td>
      <td>Y</td>
      <td>미응답</td>
      <td>Y</td>
      <td>N</td>
      <td>미응답</td>
      <td>미응답</td>
    </tr>
  </tfoot>
</table>