ant design of vue的table点击行变色
2020-04-21 19:45
751 查看
ant design of vue的table点击行变色
功能:实现点击行变色
扩展:更多功能可以在函数里面进行添加
代码:
table中:
:customRow="customRowThing"
methods中:
customRowThing(record){ return { on:{ click:(e)=>{ let oldList = document.querySelectorAll(".checked-td-of-add-table") if(oldList){ for (let j = 0; j < oldList.length; j++) { oldList[j].classList.remove("checked-td-of-add-table") } } let children = e.target.parentNode.children for (let i = 0; i < children.length; i++) { children[i].classList.add("checked-td-of-add-table") } }, } } },
/deep/ .checked-td-of-add-table { background-color: rgba(24,144,255,0.5); }
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Ant Design Pro of Vue记录
- vue+ant-design 实现table的td元素限定为固定的宽度,超出的字用省略号代替
- Ant Design of React Table 删除一行后selectedRowKeys残留和显示打钩残留问题
- Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
- vue-cli 3.x安装及ant-design-vue
- Ant Design of Angular NG-ZORRO 增加Bootstrap按钮样式
- ant design table学习--引入第一个table组件
- 点击Table中TD表格变色
- Ant-Design-Pro中Table组件rowSelection方法的一些坑
- Ant Design of React—第五节
- Ant-design-Table
- ant-design-vue运行时切换主题
- Research on Computer Aided Design Method for the particles distribution of Table-tennis racket
- ant-design-vue 实现表格内部字段验证功能
- 好用的前端框架ant-design的vue案例在GitHub中的地址
- ant-design-vue 实现表格内部字段验证
- ant design (antd) Upload 点击上传图片反应过慢
- Ant Design of React—第六节
- vue.ant.design配置
- 在Angular中使用Ant Design of Angular里面的小图标