لن أقول الكثير عن المعرفة الأخرى حول جدول bootstrap ، سأقوم فقط بنشر التعليمات البرمجية لك.
رمز المفتاح كما يلي:
<! doctype html> <html> <head> <title> </title> <meta charset = "utf-8"> <link rel = "stylesheret" type = "text/css" href = "css/bootstrap.min.css src = "js/bootstrap.min.js"> </script> <script type = "text/javaScript" src = "js/jquery-1.7.2.min.js"> </script> <script src = "isCroll.js style = "display: block ؛ overflow-y: scroll ؛ border-bottom: 1px solid #EEE ؛"> <tr> <th> العمود 1 </th> </thead> <tbody style = "display: block ؛ max-height: 200px ؛ overflow-y: scroll ؛"> <tr> <td> monday </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> type = "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) TH: العرض (2)). العرض (_width*0.2) ؛ $ (#2 td: nth-child (3) ') TD: NTH-CHILD (5). العرض (_width*0.1) ؛ }) </script> </html>ما ورد أعلاه هو رمز مثال لرأس جدول Bootstrap ثابت تمرير Tbody تم تقديمه بواسطة المحرر. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!