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?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9625d-47370.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e9625d-47370.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?