固定表頭和第一列、內容可滾動的table表格

本文首發個人簡書javascript   鑑於以前有幾個項目都用到了第一行第一列固定不動的表格,因此整理了一下製做這種表格的方法。   基本原理是把表格分爲四個部分,左上角是固定不動的,第一行和第一列是半固定的,只能左右移動或者上下移動,而右下角部分則是能夠左右上下滑動,第一行和第一列根據右下角部分的移動來動態設置scrollLeft和scrollTop。示意圖以下: 廢話很少說,上代碼 html
相關文章
相關標籤/搜索