表頭固定_最終版

  • 14
  • 0

原來那麼簡單,解決之前作法(Bootstrap表頭固定 | Jason's 程設BLOG - 點部落 (dotblogs.com.tw))
會出現二個捲軸的問題
 

參考: 两个属性实现表头固定(table 的 thead 位置固定) | 如何实现表头固定 | 怎样能让表头固定 | display:sticky 方式固定表格表头 - 钻葛格 - 博客园 (cnblogs.com)

只要給thead加上"position:sticky;top:0;"的樣式就可以實現表頭固定了,列寬仍能保持自動調整的能力。
這個方法簡單易行,適應各種佈局,完全沒有相容性的問題。