elementUi table组件自定义筛选框

Question

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

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

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

Answer 1

用:render-header解决吧，

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

            }
       ]
   )
}

Answer 2

楼主是怎么解决的？

Answer 3

楼主是怎么解决的？

Answer 4

楼主你好，我们也是自定义筛选组件，有弹出的选择框对不对表头列位置的问题，很都头疼，请问楼主是否遇到了相似的问题？