提供一个Element UI表格的示例,它带有搜索列
时间: 2023-02-18 12:23:54 浏览: 100
表,排序,分页和表格列:
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="姓名" width="180">
</el-table-column>
<el-table-column prop="address" label="地址" width="180">
</el-table-column>
<el-table-column prop="date" label="日期" width="180">
</el-table-column>
<el-table-column prop="type" label="类型" width="180">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="140"
>
<template slot-scope="scope">
<el-button
size="mini"
@click="handleEdit(scope.$index, scope.row)"
>编辑</el-button>
<el-button
size="mini"
type="danger"
@click="handleDelete(scope.$index, scope.row)"
>删除</el-button>
</template>
</el-table-column>
<el-table-column label="搜索列表" width="180">
<el-input v-model="searchInput" placeholder="请输入内容" />
</el-table-column>
</el-table>