vue+elementui table表格点击单元格单元格改变背景色
程序员文章站
2022-03-04 11:51:50
...
<el-table
:data="tableData"
border
@cell-click="cellclick"
:cell-style="tableCellStyle">
</el-table>
data(){
row:'',
column:''
}
cellclick (row, column, cell, event) {
this.row = row
this.column = column
},
tableCellStyle (row, rowIndex, column) {
if (this.row && this.columnName) {}
if (this.row === row.row && this.column === row.column) {
return 'background-color:#ccc;'
} else {
return 'background-color:#fff;'
}
},
下一篇: 自定义标签使用
推荐阅读
-
elementUI table 修改表格背景色,去除单元格底部横线
-
vue+elementui怎样点击table中的单元格触发事件--弹框
-
element table表格点击单元格实现编辑
-
elementui中 table表格根据不同的值设置单元格背景色
-
elementUI table表格点击某一行选中并且改变背景色
-
JavaScript实现点击单元格改变背景色的方法_javascript技巧
-
el-table表格的合计项单元格改变背景色
-
JavaScript实现点击单元格改变背景色的方法_javascript技巧
-
vue+elementUI实现点击表格中某一个单元格进行复制其内容
-
elementUI table 修改表格背景色,去除单元格底部横线