element-ui el-table组件的 el-table-column 加了fixed属性列固定后样式高度错乱问题

element-ui el-table组件的fixed列固定后样式高度错乱问题

代码如下

<el-table-column
                    align="center"
                    label="操作"
                    width="180"
                    fixed="right"
     
                >
                    <template slot-scope="scope">
                        <el-button-group>
                            <el-button >修改</el-button>
                            <el-button >删除</el-button>
                        </el-button-group>
                    </template>
                </el-table-column>

列加了fixed="right"操作后,然后页面加了缓存,再次切换回来就会导致高度没有计算padding值所有会出现高度错乱的问题
element-ui el-table组件的 el-table-column 加了fixed属性列固定后样式高度错乱问题_第1张图片
这个高度是动态计算的,
所有要加一个样式去覆盖这个计算的高度解决这个问题

.el-table__fixed-right{
    height: 100% !important;
}

element-ui el-table组件的 el-table-column 加了fixed属性列固定后样式高度错乱问题_第2张图片
问题解决了

你可能感兴趣的:(笔记,javascript,css,es6,vue.js,node.js)