我想在ivew表格的表头中加按钮怎么做
时间: 2023-10-20 14:09:36 浏览: 90
在 iView 表格的表头中加按钮可以通过自定义表头模板来实现。下面是一个简单的示例代码:
```html
<template>
<Table :columns="columns" :data="data" show-header>
<template slot="header">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>18</td>
<td>
<Button type="primary">编辑</Button>
</td>
</tr>
</tbody>
</template>
</Table>
</template>
<script>
import { Table, Button } from 'view-design';
export default {
components: {
Table,
Button,
},
data() {
return {
columns: ['姓名', '年龄', '操作'],
data: [
{
name: '张三',
age: 18,
},
],
};
},
};
</script>
```
在上面的代码中,我们使用了 `slot` 来自定义表头模板,添加了一个包含按钮的列。你可以根据需要修改按钮的样式、事件等。
阅读全文
相关推荐


















