element-ui表格固定列錯位
版本:element-ui 2.13.0
-
谷歌滾動條原因
在使用vue進行前端開發時,使用element-ui框架,當表格過高時出現滾動條,導致底部行錯位,其原因是因爲表格固定列的時候,鼠標滾動是內部計算的(詳細信息看源碼),所有需要改源碼。谷歌瀏覽器會發生這種情況,火狐不會發生這種情況。
資源還在審覈中。。。(鏈接後續補) -
動態改變表格的寬高
當動態改變表格寬高的時候,表頭錯位。可以使用doLayout方法。
使用方式:
template:
<el-table :data="table" ref="goodsDetailTable" >
watch:
this.$nextTick(() => {
this.$refs.goodsDetailTable.doLayout()
})