今天,天气晴朗,北风4-5级
今天,项目中有个需求,使用element表格的时候,当我点击表格中的某一个单元格的时候,当前单元格所在的列变色,以下是实现列变色办法
首先table添加以下属性
2.方法中写入以下方法
//给表格单元格赋值当前行信息
cellClassName({ row, column, rowIndex, columnIndex }) {
row.index = rowIndex;
column.index = columnIndex;
},
//单元格样式
selectedstyle({ row, column, rowIndex, columnIndex }) {
if (this.getIndex === columnIndex) {
return { "background-color": "#C4E1FF" };
} else {
return { "background-color": "#ffffff" };
}
},
//单元格点击事件
cellClick(row, column, cell, event) {
// debugger;
//获取当前点击的单元格赋值给getIndex,并通知vue改变当前单元格颜色
if (column.index == 1 || column.index == 2) {
this.getIndex = column.index;
this.$refs.probeWork.init(column.label,this.form.llsf);
return;
} else {
}
},