jquery.table.fix.js是一個用于固定表格列數和行數的jQuery插件。使用這個插件可以實現在表格中選擇一定數量的列和行進行固定,使得表格可以在水平和垂直方向上滾動而不丟失其固定部分。
使用該插件需要引入jQuery庫和jquery.table.fix.js文件。在table標簽上添加一個class為fixed-columns的樣式,在該表格中選擇需要固定的列數并為它們添加class為fixed列和行數添加class為fixed-row。然后調用插件即可實現固定效果。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="jquery.table.fix.js"></script> <table class="fixed-columns"> <thead> <tr> <th class="fixed">Name</th> <th>Job Title</th> <th>Phone</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td class="fixed-row">John</td> <td>Manager</td> <td>555-1234</td> <td>john@example.com</td> </tr> <tr> <td class="fixed-row">Jane</td> <td>Supervisor</td> <td>555-4321</td> <td>jane@example.com</td> </tr> </tbody> </table> <script> $('.fixed-columns').tableFixedColumns(); </script>
以上是一個簡單的示例,它演示了如何在一個表格中選擇一定的列和行進行固定。運行代碼后,您會看到表格可以在水平和垂直方向上滾動而不丟失其固定部分。