elementUi table组件自定义筛选框

产品有个需求,想把table的筛选条件放到表头这里,而且内容比较自定义化;

clipboard.png

根据elementUi的文档现在有两种解决办法,但每种办法都有问题
1.使用filters属性,但是只能使用数组,不支持我的自定义
2.使用elementUi的popover弹出框来实现自定义,但是不知道如何把小图标(上图红色区域)放到table表头哪里

clipboard.png

敢问大家是怎么解决的,难道要自己搞一个组件

回答:

用:render-header解决吧,

headerRender(h,obj) {
    return h(
        'div',
        {
            attrs:{class:'cell-box'}
        },
        [
            obj.column.label,
            h(
                'span',
                {
                    
                )

            }
       ]
   )
}

回答:

楼主是怎么解决的?

回答:

楼主是怎么解决的?

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注