ElementUI中table表格固定列最下方会出现一条下边框线
ElementUI的Table组件在固定列的最下方出现下边框线通常是由于固定列和主体列之间的边框没有对齐造成的。这个问题可以通过调整CSS样式来解决。
解决方案：
- 通过CSS覆盖默认的边框样式。
/* 覆盖固定列与主体列之间的边框样式 */
.el-table__fixed-right::before,
.el-table__body::before {
display: none;
}
/* 为主体列的最后一个单元格添加边框 */
.el-table__body tr:last-child td {
border-bottom: 1px solid #ebeef5;
}- 确保你的Table组件使用了
border属性，这样每个单元格都会有边框。
<el-table
:data="tableData"
border
...>
<!-- 你的列配置 -->
</el-table>确保你的ElementUI版本是最新的，以便使用上述样式能够正常工作。如果问题依然存在，可以尝试调整其他相关CSS属性，以确保布局的一致性。
评论已关闭