정보실

웹학교

정보실

bootstrap 테이블을 위한 코드

본문

기본 형태 : 

<table class="table">
<thead><tr><th></th></tr></thead>
<tbody><tr><td></td></tr></tbody>
</table>

table-striped 형태 :  

<table class="table table-striped">
<thead><tr><th>Col 1</th><th>Col 2</th><th>Col 3</th></tr></thead>
<tbody><tr><td>..</td><td>..</td><td>..</td></tr></tbody>
</table>

table-bordered 형태 : 

<table class="table table-bordered">
<thead><tr><th>Col 1</th><th>Col 2</th><th>Col 3</th></tr></thead>
<tbody><tr><td>..</td><td>..</td><td>..</td></tr></tbody>
</table>

table-hover 형태 : 

<table class="table table-hover">
<thead><tr><th>Col 1</th><th>Col 2</th><th>Col 3</th></tr></thead>
<tbody><tr><td>..</td><td>..</td><td>..</td></tr></tbody>
</table>


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 320회 ]  작성일15-05-23 20:09

웹학교