ElementUi table component custom filter box

there is a requirement for the product to put the filter criteria of table here in the table header, and the content is more customized;

clipboard.png

elementUi
1.filters,
2.elementUipopover()table

clipboard.png

dare to ask everyone how to solve the problem, do you want to build your own component


use: render-header to solve it,

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

            }
       ]
   )
}

how does the landlord solve it?


how does the landlord solve it?


Hello, landlord. We are also a custom filtering component. Does the pop-up selection box have a headache about the position of the header column? has the landlord encountered similar problems?

Menu