當前位置:編程學習大全網 - 網站源碼 - 當el-table切換隱藏列時,會導致列表重繪抖動。

當el-table切換隱藏列時,會導致列表重繪抖動。

Elementui表用於在工作列表中顯示數據。由於表中列數太多,產品要求用戶可以自行設置顯示的列數。因此,使用v-if結合el-table-column來實現表格的自定義列數顯示。雖然實現了功能,但是當壹列數據的操作從隱藏變為顯示時,頁面會抖動。經過壹段時間的查找,發現在elementui重新渲染表格時,重新計算了td中的div高度(div height =表格容器高度/行數),導致整個表格的高度發生了變化,給人壹種表格在晃動的感覺。解決方案是在td中固定div的高度。div有自己的class屬性。el-table .cell .覆蓋樣式表。el表。cell{height: 20px!重要;},問題就解決了。
  • 上一篇:高手求BCB在線升級程序的源碼壹份.
  • 下一篇:帝國CMS如何同時建立兩個本地網站?
  • copyright 2024編程學習大全網