Element-UI Table 實現篩選數據功能


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

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

用於數據的篩選和過濾, filter-multiple 設置多選或者單選,多選時是一個 checkbox ,

單選時是一個 select,filter-method 是數據過濾的方法,但是只支持已有數據的篩選,不支持后台排序。

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

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM