鍍金池/ 問答/HTML/ elementUi table組件自定義篩選框

elementUi table組件自定義篩選框

產(chǎn)品有個需求，想把table的篩選條件放到表頭這里，而且內(nèi)容比較自定義化；

clipboard.png

根據(jù)elementUi的文檔現(xiàn)在有兩種解決辦法，但每種辦法都有問題
1.使用filters屬性,但是只能使用數(shù)組，不支持我的自定義
2.使用elementUi的popover彈出框來實現(xiàn)自定義，但是不知道如何把小圖標(上圖紅色區(qū)域)放到table表頭哪里

clipboard.png

敢問大家是怎么解決的，難道要自己搞一個組件

回答
編輯回答
涼心人

樓主是怎么解決的？

2018年1月19日 15:28
編輯回答
嘟尛嘴

用:render-header解決吧，

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

            }
       ]
   )
}
2017年7月18日 01:34