如何在 JavaScript 中建立鎖定第一行和第一列的可捲動表？

鎖定可捲動表中的第一行和第一列

在此查詢中，使用者的目標是建立一個鎖定第一行和第一列的表，類似Excel 中的「凍結窗格」功能。表格應該允許水平和垂直滾動。

要實現這一點，僅 CSS 可能不夠，因此需要探索 JavaScript 解決方案。一個推薦的解決方案是名為「fixed-table-rows-cols」的 JavaScript 插件。

Fixed-Table-Rows-Cols 外掛程式

此外掛程式將格式化的 HTML 表格轉換為可捲動表格固定的表頭和列。它可以鎖定第一行和第一列。

用法：

$('#myTable').fxdHdrCol({
    fixedCols    : 3,       // Number of fixed columns
    width        : "100%",  // Width of the container
    height       : 500      // Height of the container
});

好處：

• 允許靈活鎖定列和標題
• 允許靈活鎖定列和標題
• 允許靈活鎖定列和標題

支援各種表格大小

跨主要網絡瀏覽器工作有關更多資訊和現場演示，請訪問插件的GitHub存儲庫：https://github. com/meetselva/fixed-table-rows-cols

以上是如何在 JavaScript 中建立鎖定第一行和第一列的可捲動表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！