尋找一種在HTML中凍結表行和列的方法

Question

我有一個大型數據表，可能有大約50列和幾百行。 我已經嘗試了許多jquery插件來凍結標題和列，但它們似乎無法正常工作。 添加這么多列和行后，它們會凍結或永遠加載。 據我所知，問題與offsetHeight和offsetWidth有關，但我不知道修復它（或者甚至可能修復）。

我嘗試過使用dataTables和fixedheadertable。 我知道問題是當我添加jquery時。 如果我不使用jquery，表會立即加載。

有沒有人有任何建議或任何關於如何在沒有javascript的情況下做到這一點的想法？ 數據是一份巨大的報告，因此所有這些都需要在1頁上。 我需要能夠凍結2個標題行和2列。 我還希望桌子能夠擴展到100％寬度（可能是100％高度）。

Answer 1

我會把你的桌子分成兩張桌子。 讓第一個表只有你的表頭，然后在你的表行下面放一個第二個表。

然后將第二個表放入一個可滾動的div中，這樣當您滾動100行時，您的標題仍然可見。

像這樣的小提琴