Bootstrap 테이블 고정크기로 변경
조회수 8040회
<table class="table table-bordered">
<colgroup>
<col width="300px"/>
<col width="1200px"/>
<col width="900px"/>
</colgroup>
<thead>
<tr>
<td>Foo-A</td>
<td>Foo-B</td>
<td>Foo-C</td>
</tr>
</thead>
<tbody>
<tr>
<td>Bar-A</td>
<td>Bar-B</td>
<td>Bar-C</td>
</tr>
</tbody>
</table>
부트 스트랩으로 테이블을 만들면 자동으로 웹 페이지 100%로 균등하게 나눠서 테이블이 만들어지는데 강제로 크기를 제가 원하는 크기로 출력하게 하려면 어떻게 해야하죠?
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
Bootstrap 버전에 따라서 방법이 달라질 것 같습니다. https://stackoverflow.com/a/18498071
사족을 붙이자면...
- 테이블 사이즈를 픽셀 절대값으로 지정하는 건 좋은 방침이 아닙니다. 부트스트랩은 반응성 있는 레이아웃을 구현하려고 만든 프레임워크입니다.
- 혹시 테이블 전체의 가로폭이 줄어드는 걸로 충분하다면, 테이블을 그리드 컬럼으로 감싸서 사용해 보세요.
<div class="row"> <div class="col-sm-6"><!-- 전체 컨테이너의 절반 크기로 띄우게 됨 --> <!-- 여기에 테이블 삽입 --> </div> </div>
댓글 입력