Skip to content

Instantly share code, notes, and snippets.

@vreality64
Last active August 29, 2015 14:00
Show Gist options
  • Save vreality64/11277114 to your computer and use it in GitHub Desktop.
Save vreality64/11277114 to your computer and use it in GitHub Desktop.
Thinking about Data Table customizing td in the tbody

Data Table 커스터마이징 하는 방법

생각한 방안들을 써놓을 예정

x row를 1 row로 취급

  • 정렬을 고려되지 않음
  • 데이터를 wrapping 해서 넣는 것이기 때문에 검색하기 위해선 unwrapping 이 필요
  • x row를 1 row로 취급하기 때문에, 하나의 row에 대해서만 정렬을 적용할 수 있다.
<div class="wrapper">
  <div class="cell">
    <div>
      Content goes here
    </div>
  </div>
  
  <!-- it will be rendered below above cell -->
  <div class="cell">
    <div>
      Content goes here
    </div>
  </div>
</div<
.wrapper {
  display: table;
}

.cell {
  display:table-cell;
  vertical-align: middle;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment