针对您提出的问题“el-table 鼠标移入不变色”,我们可以从以下几个方面进行排查和解决: 1. 检查el-table的CSS样式设置 首先,确认是否有CSS样式覆盖了Element UI默认的hover样式。Element UI的el-table组件在鼠标移入时默认会有颜色变化,这通常是通过:hover伪类实现的。您可以检查是否有CSS规则覆盖了这一默认行为。
::v-deep .el-table .rowColor{background:#f3c298; } 2、置好背景色后发现,每次鼠标移入到变色的行上面,背景色就会变成灰色,要求是移入后也应该是变过色的背景色 tableCellstyle(row, rowIndex) {if(row.row.name == 'test') {return'background: #f3c298'}return''},...
我们需要将其设置为false,以禁用默认的鼠标移入变色效果。 在CSS样式中,我们可以利用伪类选择器:hover来为鼠标悬停状态的列设置样式,以使其颜色保持不变。例如,我们可以这样设置: css .el-table__body-wrapper .el-table__body tbody tr:hover td { background-color: initial !important; } 这样,当鼠标悬停...
4、每行显示不同的颜色 <el-table-column label=""align="center"width="40px"> <template #default="scope"><div :style="{backgroundColor:scope.row.color}" class="talentDemandClass"></div></template> </el-table-column> 除了颜色之外的样式写在class中: .talentDemandClass{ width: 8px; heigh...
// 修改表格无数据背景,字体颜色 ::v-deep.el-table__empty-block{ background:#16203c; } ::v-deep.el-table__empty-text{ color:#ccc; } </style> 1. 2. 3. 4. 5. 6. 7. 8. 9. 8、💖修改鼠标选中行的background-color <stylelang="less"scoped> ...
* 鼠标移入表格事件句柄方法 */handleCellMouseEnter(row, column, cell, event) {this.second_row=this.tableData.filter((item) =>{returnthis.filterSameKeys(item, row, ["zone","career"]); })[0];this.first_row=this.tableData.filter((item) =>{returnthis.filterSameKeys(item, row, ["zone...
我们需要将其设置为false,以禁用默认的鼠标移入变色效果。 在CSS样式中,我们可以利用伪类选择器:hover来为鼠标悬停状态的列设置样式,以使其颜色保持不变。例如,我们可以这样设置: css .el-table__body-wrapper .el-table__body tbody tr:hover td { background-color: initial !important; } 这样,当鼠标悬停...
* 鼠标移入表格事件句柄方法 */handleCellMouseEnter(row,column,cell,event){this.second_row=this.tableData.filter((item)=>{returnthis.filterSameKeys(item,row