elementuigu固定表格的操作列以后边框线错位该怎么解决
时间: 2024-01-10 19:04:18 浏览: 71
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
这个问题可能是由于固定表格的操作列与表格内容列的宽度不一致导致的。我们可以通过 CSS 样式来解决这个问题。
首先,需要设置操作列单元格的宽度,使其与表格内容列的宽度相等。例如:
```
.el-table__fixed-body .el-table__fixed-column:last-child {
width: 100px; /* 假设操作列宽度为 100px */
}
```
然后,需要在操作列单元格的 CSS 样式中设置 `box-sizing` 属性为 `border-box`,以便边框宽度被包括在单元格的宽度内。例如:
```
.el-table__fixed-body .el-table__fixed-column:last-child .cell {
box-sizing: border-box;
border-right: 1px solid #ebeef5; /* 操作列单元格的右侧边框 */
}
```
这样就可以解决固定表格的操作列以后边框线错位的问题了。
阅读全文