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',

                {

                    

                )

            }

       ]

   )

}