vue实现elementUI表格列之间有间隙
时间: 2024-01-18 22:19:07 浏览: 79
要在 ElementUI 表格列之间添加间隙,可以通过在表格的 `table-column` 组件中设置 `min-width` 属性来实现。例如,以下代码会在每列之间添加 20px 的间隙:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="Name" min-width="150"></el-table-column>
<el-table-column prop="age" label="Age" min-width="100"></el-table-column>
<el-table-column prop="address" label="Address" min-width="200"></el-table-column>
</el-table>
</template>
```
需要注意的是,如果设置了 `min-width` 属性,表格列的宽度将被限制在指定的最小值,因此可能需要根据具体的需求调整宽度。
阅读全文