ant design vue table組件給單元格定義事件,及動態修改單元格的樣式(背景色)


需求:

a-table表格需要在鼠標移入單元格時動態修改單元格背景色,以及點擊單元格觸發對應事件,如下所示:

鼠標移入執行人這一列某個單元格時,需要動態修改這個單元格的背景色,讓用戶知道當前操作的是哪個單元格,點擊后觸發事件,設置對應數據的字段信息

 

 

解決方法:

可以在columns中這個字段定義中,指定customCell屬性,如:

 

對應事件方法的定義(參照網上大佬的總結):

在click屬性中定義點擊觸發的事件,在style中定義選中時的背景色,在鼠標移入時,修改當前數據的屬性,通過該屬性觸發樣式的修改:

 

 


免責聲明!

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



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