最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

element-ui中頁面縮放時table表格內(nèi)容錯位的解決

 更新時間：2022年08月01日 10:33:03   作者：陪著月亮  
這篇文章主要介紹了element-ui中頁面縮放時table表格內(nèi)容錯位的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

element-ui 頁面縮放時table表格內(nèi)容錯位

當(dāng)table內(nèi)容較多的時候， 橫向拉動瀏覽器界面。最后一列自定義按鈕，就會出現(xiàn)上下錯誤的情況。

解決辦法：

this.$refs.table.doLayout();

table增加ref屬性。

mounted() {
  window.addEventListener('resize', this.handleResize);
}

methods: {
    handleResize() {
        this.$nextTick(()=> {
            this.$refs.table.doLayout();
        });
    }
}

destroyed() {
     window.removeEventListener("resize", this.handleResize);
}

element-ui表格優(yōu)化--顯示錯位問題

ElementUI el-table 動態(tài)顯示表格的時候，會發(fā)生顯示錯位的情況，拖拽一下又恢復(fù)正常了

之前試試了各種css都沒有效果

/* 表格錯位的問題 */
	.working-hours-table {
    /deep/.el-table__fixed-body-wrapper{
      top:29px !important;
      height: calc(100% - 29px) !important;
    }
    /deep/.el-table__fixed{
		height: 100% !important;
    }
    /deep/ .el-table__fixed-right{
      height: 100% !important;
    }
  }

解決辦法：

watch: {
            // tableData是el-table綁定的數(shù)據(jù)
            tableData: {
                // 解決表格顯示錯位問題
                handler () {
                    this.$nextTick(() => {
                        // tableRef是el-table綁定的ref屬性值
                        this.$refs.multipleTable.doLayout() // 對 Table 進行重新布局
                    })
                },
                deep: true
            }
        },

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

松溪县| 武宣县| 措美县| 确山县| 新绛县| 诏安县| 崇左市| 浪卡子县| 福泉市| 永康市| 永城市| 武冈市| 大埔县| 治多县| 吴桥县| 合作市| 阿克| 油尖旺区| 长治市| 浦东新区| 松溪县| 伊金霍洛旗| 得荣县| 修水县| 东山县| 印江| 酉阳| 榆中县| 丰都县| 五指山市| 田东县| 瑞金市| 西青区| 屏山县| 衡南县| 海伦市| 游戏| 浠水县| 承德县| 墨竹工卡县| 铅山县|