本文讲述使用ElementUi的表格时,表头实现下拉框的功能:
实现的效果图如下所示:
表格的定义
<el-table :data="tableLogData" style="width: 100%" header-cell-class-name="header-cell-color" v-loading="listLoading">
<el-table-column prop="level" min-width="100" :render-header="renderLastHeader"></el-table-column>
</el-table>
renderLastHeader方法:
renderLastHeader(h) {
//下拉框选项
let filters = [{text: '全部', 'value': "全部"}, {text: 'INFO', 'value': "INFO"}, {text: 'WARN', 'value': "WARN"}, {text: 'ERROR