table 태그에 직접 적용 안되는 속성들

> 텍스트 생략 (ellipsis)

td 내부 태그에 걸어야 적용된다! (td not working)

<td>
  <div class="address-width">{{ address }}</div>
</td>

div.address-width {
  width: 100px; // 필수 고정값!
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

 

> 스크롤바 (overflow-y)

table 외부 태그에 걸어야 적용된다! (table not working)

<div class="content">
  <table>
    <thead></thead>
    <tbody></tbody>
  </table>
</div>

div.content {
 overflow-y: auto;
}