功能說明:本例子采用MUI table組件 + React實現。
需求描述:固定表頭,列表高度隨瀏覽器窗口的改變而改變。(本例中當窗口高度小於472像素后,便不作限制)
實現簡介:1.監聽瀏覽器窗口,每當窗口大小發生改變,給列表高度重新復制;
2. 列表高度通過state來管理。
關鍵代碼:
窗口監聽事件管理:

列表高度處理函數:

組件里的設置:

效果圖(關鍵項塗了馬賽克...)
窗口高於472px:
窗口高度低於472px(列表邊上的滾動條不見了,取而代之的瀏覽器窗口的滾動條,木有截下來)

功能說明:本例子采用MUI table組件 + React實現。
需求描述:固定表頭,列表高度隨瀏覽器窗口的改變而改變。(本例中當窗口高度小於472像素后,便不作限制)
實現簡介:1.監聽瀏覽器窗口,每當窗口大小發生改變,給列表高度重新復制;
2. 列表高度通過state來管理。
關鍵代碼:
窗口監聽事件管理:

列表高度處理函數:

組件里的設置:

效果圖(關鍵項塗了馬賽克...)
窗口高於472px:
窗口高度低於472px(列表邊上的滾動條不見了,取而代之的瀏覽器窗口的滾動條,木有截下來)

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。