el-table有一个自定义属性render-header
< el-table-column v-for="(headItem,index ) in tableHead" :key=index"
align="center"
:prop="headItem.value"
:label=""
:render-header = 'renderHeader'>
renderHeaderBill方法使用:
renderHeader(h, data) {
let filters = [{text:'全部1','value':"1"} ,{text:'全部2','value':"2"} ,{text:'全部3','value':"3"}];
return h('div',{
style: {
height:'30px'
},
},[
h(
"el-select",
{
props: {
placeholder:'',
value: '',//默认值
clearable:false,
popperClass:'popperClassResOut',//样式
},
class: selectClass,
on: {
input: value => {
this.$emit("update:param", value);
//select 选中值
}
this.callback &&this.callback();
}
}
},
[
filters.map(item => {
return h("el-option", {
props: {
value: item.value,
label: item.text
}
});
})
])
])
},
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。