나는 부트 스트랩 테이블에 대한 다른 지식에 대해 많이 말하지 않을 것입니다. 나는 당신에게 코드를 게시 할 것입니다.
키 코드는 다음과 같습니다.
<! docType html> <html> <head> <title> </title> <meta charset = "utf-8"> <link rel = "Stylesheet"type = "text/css"href = "css/bootstrap.min.css"> script type = "text/javascript" src = "js/bootstrap.min.js"> </script> <script type = "text/javaScript"src = "js/jquery-1.7.2.min.js"> </script> <script src = "iscroll.js"> </script> </head> <div id = "con"> <div id "> "style ="display : overflow-y : scroll; border-bottom : 1px solid #eee; "> <tr> <th> 열 1 </th> <th> 열 2 </th> <th> 열 1 </th> <th> 열 1 </th> <th> 열 1 </th> <th> 열 2 <</th> <th> </tr> <t> </thead> <tbody style = "display : block; max-height : 200px; 오버플로--스크롤;"> <tr> <td> 월요일 </td> <td> 화요일 </td> <td> 화요일 </td> <td> 수요일 </td> </td> <td> 월요일 <td> <td> 월요일 </td> <td> 화요일 </td> <td> 화요일 </td> <td> 화요일 </td> </td> <td> 월요일 </td> <td> 화요일 </td> <td> 화요일 </td> <td> 화요일 </td> <td> <td> <td> <td> 화요일 </td> <td> 수요일 </td> <td> 월요일 </td> <td> 화요일 </td> <td> 화요일 </td> <td> 수요일 </td> </tr> <td> <td> 월요일 </td> <td> 화요일 </td> 월요일> 월요일> 월요일> 월요일> 월요일> <td> 월요일 </td> <td> 화요일 </td> <td> 월요일 </td> <td> 화요일 </td> <td> 월요일 </td> <td> 화요일 </td> <td> 월요일 </td> <td> 화요일 </td> <td> 화요일 </td> <td> <td> 화요일> <td> 화요일 </td> <td> 화요일 </td> <td> 월요일 </td> <td> 화요일 </td> <td> 화요일 </td> <td> 수요일 </td> <td> 월요일 </td> <td> 화요일 </td> <td> </td> </td> </td> </td> </td> </td> </td> 유형 = "text/javaScript"> $ (document) .ready (function () {var _width = $ ( '#2'). width (); $ ( '#2 th : first-Child'). width (_width*0.1); $ ( '#2 td : First-Child'). width (_width*0.1); $ ( '#2 Nth-Child (2) '). 폭 (_width*0.2) ('#2-Child (2)). $ ( '#2 th : nth-Child' '). $ ( '#2-Child (3)'). 폭 (_width*0.3); TD : Nth-Child (5). }) </script> </html>위는 Bootstrap 테이블 헤더 고정 TBody 스크롤링의 예제 코드입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!