el-table 第一列距离左边20px
时间: 2023-11-25 20:49:27 浏览: 80
可以通过以下两种方法实现el-table第一列距离左边20px的效果:
1. 使用CSS样式来设置el-table第一列距离左边20px的效果:
```html
<el-table :data="tableData">
<el-table-column label="姓名" prop="name" width="180" style="padding-left: 20px;"></el-table-column>
<el-table-column label="年龄" prop="age" width="180"></el-table-column>
<el-table-column label="地址" prop="address"></el-table-column>
</el-table>
```
2. 使用scoped slot来自定义el-table-column的内容,并在其中添加样式:
```html
<el-table :data="tableData">
<el-table-column label="姓名" prop="name" width="180">
<template slot-scope="scope">
<div style="padding-left: 20px;">{{ scope.row.name }}</div>
</template>
</el-table-column>
<el-table-column label="年龄" prop="age" width="180"></el-table-column>
<el-table-column label="地址" prop="address"></el-table-column>
</el-table>
```
阅读全文