elementui2 Table Slot
时间: 2023-11-14 15:28:16 浏览: 79
ElementUI 2.x 中的 Table 组件有多个插槽(slot)可供使用。下面列举了这些插槽及其作用:
1. header:表头插槽,可以自定义表头的显示内容。
2. empty:空数据插槽,当表格数据为空时,可以显示自定义的空数据提示信息。
3. footer:表尾插槽,可以自定义表尾的显示内容。
4. default:默认插槽,用于自定义每行数据的显示内容,可以根据需要进行自定义。
5. expand:展开行插槽,当表格有可展开行时,可以自定义展开行的显示内容。
6. summary:汇总行插槽,用于自定义汇总行的显示内容。
以上是 ElementUI 2.x 中 Table 组件可用的插槽。如果需要使用,可以在 Table 标签内使用对应的 slot 属性进行定义。例如:
```html
<el-table>
<!-- 表头插槽 -->
<template slot="header">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
</template>
<!-- 默认插槽 -->
<template slot-scope="scope">
<tr>
<td>{{ scope.row.name }}</td>
<td>{{ scope.row.age }}</td>
<td>{{ scope.row.job }}</td>
</tr>
</template>
</el-table>
```
阅读全文