element table 错位问题
出现的问题:
在vue项目中引入elementUI的table组件,当将表格的头部和列固定后就会出现表头与内容错位的问题。
解决方法
//表头部分错位 -- 设置表格最后一列表头的宽度加上16px
.el-table--border th:last-of-type {
display: block!important;
margin-right: 16px!important;
width: 216px;
}
//固定列错位
.el-table__fixed-body-wrapper{
padding-bottom: 16px;!important
}
建议意见:
该方法纯属个人日记,如果有更好的解决方法,还望告知。非常感谢~