el-table-column 展示部分
时间: 2023-10-03 16:07:12 浏览: 94
el-table-column 是 Element UI 中的一个组件,用于定义 el-table 中的列。它具有多个属性可以用来展示不同的内容。
以下是一些常见的展示属性:
1. prop:指定列所绑定的数据字段,这个字段的值将会作为单元格的内容展示。
2. label:指定列的标题名称,这个名称将会显示在表头中。
3. width:指定列的宽度。
4. fixed:指定列是否固定在表格的左侧或右侧。
5. sortable:指定列是否支持排序功能。
6. formatter:指定一个函数,用于格式化单元格的内容。
7. scoped-slot:指定一个插槽名,用于自定义列的内容。
下面是一个示例:
```
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址">
<template slot-scope="scope">
{{ scope.row.address }}
<span v-if="scope.row.isDefault"> (默认地址)</span>
</template>
</el-table-column>
</el-table>
```
在上面的示例中,我们定义了三列,分别展示了姓名、年龄和地址。地址列使用了 scoped-slot 来自定义内容,显示了地址,并根据 isDefault 字段判断是否是默认地址。
这只是 el-table-column 的一部分展示属性,你可以根据需求选择合适的属性来展示你的数据。