<template>
<el-table :data="tableData">
<!-- 使用作用域插槽自定义表头内容 -->
<el-table-column label="自定义表头">
<template #header="scope">
<div>
<span>我的自定义表头</span>
<el-button type="text" size="mini" @click="handleButtonClick">按钮</el-button>
</div>
</template>
<template #default="scope">
<!-- 列的默认内容 -->
{{ scope.row.name }}
</template>
</el-table-column>
<!-- 更多列... -->
</el-table>
</template>
element-plus自定义表头实现
最新推荐文章于 2024-07-17 11:17:09 发布