已解决
element-ui 表格 点击选中
来自网友在路上 177877提问 提问时间：2023-11-09 09:33:49阅读次数： 77
最佳答案 问答题库778位专家为你答疑解惑
element-ui 表格 点击选中
- 复制element ui 表格
<template><el-table:data="tableData"style="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column></el-table></template><script>export default {data() {return {tableData: [{date: '2016-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {date: '2016-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄'}, {date: '2016-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄'}, {date: '2016-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1516 弄'}]}}}</script>
- 在el-table里面加入 highlight-current-row 意思就是在每一个tr中添加一个class类
- 全局覆盖这个样式
.danger-content-info .el-table__body-wrapper .el-table__body .current-row {background: url("../images/table_tr_g.png") no-repeat center/100% 55px !important;}
然后，就成功了ok
查看全文
99%的人还看了
相似问题
猜你感兴趣
版权申明
本文"element-ui 表格 点击选中"：http://eshow365.cn/6-36074-0.html 内容来自互联网，请自行判断内容的正确性。如有侵权请联系我们，立即删除！