<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;'
}
},
table 表格 合并单元格 input 表单提交
html表格：table cellspacing单元格外边距cellpadding单元格内边距 colspan=2...
1.表格 table：表格 tr：table row，行 td: table dock，单元格 嵌套关系为tabl...
表格 用 table 表示， 行数 用 tr 表示， 单元格 用 td 表示， td:table data。表示...
表格设置table-layout:fixed后对单元格宽度设置无效在对设置表格设置table-layer:fixe...
1、表格 表格：由table标签（表格）、tr标签（行）、td标签（标准单元格）、caption标签（标题）、...
table 表格 双标签 表格级 写法 (th表格头) （单元格） 一个table标签可以有多个tr和td标签组成...
表格语法 table：简历表格 captian：表格标题 th：表格行表头 tr：表格行 td:单元格 thead...
table加边框记录 Html中table的属性： border= “1”：给整个表格（包括表格及每一个单元格）加...
本文标题：vue+elementui table表格点击单元格单元格改变背
本文链接：https://www.haomeiwen.com/subject/deqwahtx.html
网友评论