>source

BootStrap 3 테이블을 사용하여 고정 헤더와 스크롤 가능한 콘텐츠로 테이블을 만들려고합니다. 불행히도 내가 발견 한 솔루션은 부트 스트랩이나 스타일을 엉망으로 작동하지 않습니다.

여기에 간단한 부트 스트랩 테이블이 있지만, 나에게 어떤 이유로 알려지지 않은 경우 TBY의 높이는 10px가 아닙니다.

height: 10px !important; overflow: scroll;

예제 :

<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"><table class="table table-striped">    <thead>    <tr>        <th>Make</th>        <th>Model</th>        <th>Color</th>        <th>Year</th>    </tr>    </thead>    <tbody style="height: 10px !important; overflow: scroll; ">    <tr>        <td class="filterable-cell">111 Ford</td>        <td class="filterable-cell">Escort</td>        <td class="filterable-cell">Blue</td>        <td class="filterable-cell">2000</td>    </tr>    <tr>        <td class="filterable-cell">Ford</td>        <td class="filterable-cell">Escort</td>        <td class="filterable-cell">Blue</td>        <td class="filterable-cell">2000</td>    </tr>            <tr>        <td class="filterable-cell">Ford</td>        <td class="filterable-cell">Escort</td>        <td class="filterable-cell">Blue</td>        <td class="filterable-cell">2000</td>    </tr>     <tr>        <td class="filterable-cell">Ford</td>        <td class="filterable-cell">Escort</td>        <td class="filterable-cell">Blue</td>        <td class="filterable-cell">2000</td>    </tr>    </tbody></table>

이것은 분명히 나를 도왔습니다. 여기 솔루션 jsfiddle.net/t9bhm/7 감사합니다

giulio2021-04-07 17:10:37

TD Heights가 일치하지 않을 때 테이블 스트라이프 속성을 올바르게 처리하지 못합니다. jsfiddle.net/t9bhm/4755 추가 된 td {오버플로 랩 : break-word; } 나는 그것을 첨가했다

John Zabroski2021-04-07 17:10:37

이 질문에 대답합니까? 고정 /고정 된 왼쪽 열과 스크롤 가능한 본문이있는 HTML 테이블을 어떻게 만듭니다.

Garry2021-04-08 10:13:01
  • 이전 python : 왜이 "누락 된 1 필수 위치 인수"오류가 발생합니까?
  • 다음 UserManager.FindByEmail () Null을 반환합니다