style中设置class属性: ::v-deep .el-table .rowColor{background:#f3c298; } 2、置好背景色后发现,每次鼠标移入到变色的行上面,背景色就会变成灰色,要求是移入后也应该是变过色的背景色 tableCellstyle(row, rowIndex) {if(row.row.name == 'test') {return'background: #f3c298'}return''},...
虽然el-table是Element UI库中的一个组件,但改变行悬浮时的背景色通常不需要深入了解其内部事件处理机制,因为CSS的:hover伪类足以处理这种交互。不过,了解el-table的行元素结构(例如,使用<tr>标签)对编写CSS是有帮助的。 编写CSS样式: 使用CSS的:hover伪类来定义鼠标悬浮时的背景色。你需要为el-table的行...
el-table点击行,改变行的背景色 为了防止污染自组件的table,row,可以在::v-deep{}外层再加一个class ::v-deep {.current-row{td{background-color:rgba(0,191,255, .35)!important; } } } https://blog.csdn.net/LH2HA3/article/details/127888560...
color: '#333' }"@selection-change="handleSelectionChange"@cell-mouse-enter="hoverCall"@row-click="handleRowClick":row-class-name="tableRowClassName":cell-style="cellStyle"><el-table-columntype="selection"width=
</el-table-column> </el-table> 样式: .el-table tr:hover>td{ background-color: #a3c9e4 !important; } 备注:鼠标移动上去别的单元格背景色都会改变,只有操作栏目背景色没有变化,原因是<el-table-column fixed="right" label="操作" min-width="100px">中的fixed="right"除掉就可以了...
</el-table-column> </el-table> 样式: .el-table tr:hover>td{ background-color: #a3c9e4 !important; } 备注:鼠标移动上去别的单元格背景色都会改变,只有操作栏目背景色没有变化,原因是<el-table-column fixed="right" label="操作" min-width="100px">中的fixed="right"除掉就可以了...
</el-table-column> </el-table> 样式: .el-table tr:hover>td{ background-color: #a3c9e4 !important; } 备注:鼠标移动上去别的单元格背景色都会改变,只有操作栏目背景色没有变化,原因是<el-table-column fixed="right" label="操作" min-width="100px">中的fixed="right"除掉就可以了...