element-ui表格固定列錯位

element-ui表格固定列錯位

版本:element-ui 2.13.0

  1. 谷歌滾動條原因

    在使用vue進行前端開發時,使用element-ui框架,當表格過高時出現滾動條,導致底部行錯位,其原因是因爲表格固定列的時候,鼠標滾動是內部計算的(詳細信息看源碼),所有需要改源碼。谷歌瀏覽器會發生這種情況,火狐不會發生這種情況。
    資源還在審覈中。。。(鏈接後續補)

  2. 動態改變表格的寬高
    當動態改變表格寬高的時候,表頭錯位。可以使用doLayout方法。
    在這裏插入圖片描述
    使用方式:

template:

  <el-table :data="table" ref="goodsDetailTable" >

watch:

      this.$nextTick(() => {
        this.$refs.goodsDetailTable.doLayout()
      })
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章