<el-table-column type="selection" width="50"> </el-table-column> <el-table-column prop="date" label="日期" width="220"> </el-table-column> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> <el-table-column prop="address" label="年龄" width="240"> ...
background: #212936; /*隔行变色*/ } 1. 2. 3. table组件设置背景颜色透明 ::v-deep .el-table--fit{ padding: 20px; } ::v-deep .el-table, .el-table__expanded-cell { background-color: transparent; } ::v-deep .el-table tr { background-color: transparent!important; } ::v-deep...
ElementUI使用table时,取消鼠标点击、hover对某一行背景颜色变化 在使用ElementUI中的table时,往往会有这样的需求:针对某种状态对table表格中的某一行数据进行高亮显示,但同时又要取消鼠标点击事件和hover对高亮显示的行不受影响。 具体的高亮显示,官网中有文档介绍:可以通过指定 Table 组件的 row-class-name 属性来为...
.el-table--enable-row-hover .el-table__body tr:hover>td{ }
增加样式级别就行啦 .el-table--enable-row-hover .el-table__body tr:hover>td{ background-color: #212e3e !important; }
Element ui table 鼠标滑过行hover时背景颜色不生效? 拾光过客 6508171351 发布于 2023-03-16 辽宁 如下样式,为什么不生效? .el-table--enable-row-hover .el-table__body tr:hover>td{ background-color: rgb(202, 18, 18) !important; } element-ui...
// 设置表格第一行的颜色getRowClass({row,column,rowIndex,columnIndex}){if(rowIndex===0){return'background:#2A3253'}else{return''}}, https://blog.csdn.net/Feast_aw/article/details/80777577 表格默认hover背景颜色 .el-table__body tr:hover>td{background:#1b223e!important;} ...
当前行样式都改变的话，可直接修改 css：.el-table.el-table__bodytr:hovertd{color:red;} 如果想...
一、需求 点击或者鼠标移入某一行之后,想要出现自定义的颜色 二、解决方法 直接在style里面添加下面的样式即可 /* 选中某行时的背景色*/.el-table__body tr.current-row > td {background-color: #92cbf1 !important;}/*鼠标移入某行时的背景色*/.el-table--enable-row-hover .el-table__body tr:hov...
框架默认选中颜色太淡,直接进源码修改。 .el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,...