Element-UI Table 實現篩選資料功能

Wilson998發表於2018-08-15

最近產品提出了一個篩選資料的功能,要求在表頭裡實現一個下拉框進行篩選。

首先, Element-ui 的官方文件,el-table-column 下有一個 filters ,

用於資料的篩選和過濾, filter-multiple 設定多選或者單選,多選時是一個 checkbox ,

單選時是一個 select,filter-method 是資料過濾的方法,但是隻支援已有資料的篩選,不支援後臺排序。

通過查詢和翻閱,我們可以利用 filter-change 事件來實現。

filter-change 會返回一個引數,key:column 的 columnKey,可以用Object.keys()獲取key值,

然後判斷是那一列進行了篩選操作(多列篩選時用到),value:就是篩選的條件。

相關文章