el-table__border-left-patch
时间: 2024-08-14 10:03:46 浏览: 84
"el-table__border-left-patch" 是 Element UI 中的一个 CSS 类名。它通常用于表格组件(el-table)中,当表格具有分隔线(bordered)并且左侧有列头时,这个类会添加一个边框补丁到每个行的第一个单元格,以保持列头和数据部分之间的边界清晰。这个类可能是为了处理浏览器默认样式和自定义样式的兼容性问题而设计的。当你不需要这个效果时,可以通过修改 CSS 或者配置项来自定义表格的样式。
相关问题
el-table .el-table__cell 第二列左对齐
要将el-table的第二列左对齐,可以在el-table-column的align属性中设置为"left"。具体代码如下所示:
```html
<template>
<el-table :data="tableData" border stripe style="width: 100%">
<el-table-column prop="date" label="日期" align="left" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" align="left" width="180"></el-table-column>
<el-table-column prop="address" label="地址" align="right" width="260"></el-table-column>
</el-table>
</template>
```
在上述代码中,我们将第二列的align属性设置为"left",即可实现第二列左对齐的效果。
阅读全文