ฉันจะไม่พูดอะไรมากมายเกี่ยวกับความรู้อื่น ๆ เกี่ยวกับตาราง bootstrap ฉันจะโพสต์รหัสให้คุณ
รหัสคีย์มีดังนี้:
<! 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/jQuery-1.7.2.min.js"> </script> <script src = "iscroll.js"> </script> </head> <body> <div id = "con"> <div id = "2"> <table> <tr> <th> คอลัมน์ 1 </th> <th> คอลัมน์ 2 </th> <th> คอลัมน์ 1 </th> <th> คอลัมน์ 1 </th> <th> คอลัมน์ 1 </th> <th> คอลัมน์ 1 </th> <th> คอลัมน์ 2 </th> <th> คอลัมน์ 2 </th> Scroll; "> <tr> <td> วันจันทร์ </td> <td> วันอังคาร </td> <td> วันอังคาร </td> <td> วันพุธ </td> </tr> <tr> <td> วันจันทร์ </td> <td> </td> <td> <td> <td> วันอังคาร </td> </tr> <tr> <td> วันจันทร์ </td> <td> วันอังคาร </td> <td> วันอังคาร </td> <td> วันอังคาร </td> <td> วันอังคาร </td> <td> <td> วันจันทร์ </td> <td> <td> อังคาร </td> <td> อังคาร </td> <td> วันพุธ </td> </tr> <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> </tbody> _width = $ ('#2'). ความกว้าง (); TD: Nth-Child (2) '). ความกว้าง (_width*0.2); TD: Nth-Child (3) '). ความกว้าง (_width*0.3); TD: nth-child (5) '). ความกว้าง (_width*0.1); TD: Nth-Child (6) '). ความกว้าง (_width*0.2);}) </script> </html>ด้านบนเป็นรหัสตัวอย่างของส่วนหัวของตาราง bootstrap แก้ไขการเลื่อน tbody ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!