如何使用JavaScript 鎖定滾動表格的第一行和第一列

在以下情況下鎖定表格的第一行和第一列對於頂部和左側有重要資訊的大型表格來說，滾動可能是一個有用的功能。雖然僅靠 CSS 無法實現這一點，但 JavaScript 提供了解決方案。

將 fxdHdrCol 外掛視為潛在的 JavaScript 解決方案。該外掛程式將標準 HTML 表格轉換為具有固定表格標題和列的可捲動表格。它允許表格水平和垂直滾動，同時保持第一行和第一列就位。

要使用 fxdHdrCol，只需將下列參數傳遞給外掛程式：

$('#myTable').fxdHdrCol({
    fixedCols    : 3,       /* 3 fixed columns */
    width        : "100%",  /* set the width of the container (fixed or percentage)*/
    height       : 500      /* set the height of the container */
});

透過指定fixedCols參數，可以定義表格中的固定列數。您也可以設定容器的寬度和高度以適合表格。

有關完整的演示和文檔，請參閱原​​始回應中提供的連結。此方案有效鎖定表格的第一行第一列，提供更人性化的滾動體驗。