element-ui 表格 点击选中

element-ui 表格 点击选中

1. 复制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>

2. 在el-table里面加入 highlight-current-row 意思就是在每一个tr中添加一个class类
3. 全局覆盖这个样式

 .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