热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

antdesignvuetable组件给单元格定义事件,及动态修改单元格的样式(背景色)

需求:a-table表格需要在鼠标移入单元格时动态修改单元格背景色,以及点击单元格触发对应事件,如下所示:鼠标移入执行人这一列某个单元格时,需要动态修改这个单元格的背景色,让用户知

需求:

a-table表格需要在鼠标移入单元格时动态修改单元格背景色,以及点击单元格触发对应事件,如下所示:

鼠标移入执行人这一列某个单元格时,需要动态修改这个单元格的背景色,让用户知道当前操作的是哪个单元格,点击后触发事件,设置对应数据的字段信息

 

 

解决方法:

可以在columns中这个字段定义中,指定customCell属性,如:

 

对应事件方法的定义(参照网上大佬的总结):

在click属性中定义点击触发的事件,在style中定义选中时的背景色,在鼠标移入时,修改当前数据的属性,通过该属性触发样式的修改:

 

 



推荐阅读
author-avatar
有有1988_540
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有