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>
    

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)