el-table修改row字体颜色,根据条件判断符合的数据,改变字体颜色。 通过指定 Table 组件的row-class-name属性来为 Table 中的某一行添加 class,表明该行处于某种状态 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <el-table :data="tableData" style="width: 100%" :row-class-name="table...
7、cell-style:改变某列或者某单元格的背景色,文字颜色 二、常用方法事件 1、selection-change:当选择项发生变化时会触发该事件 2、cell-mouse-enter:当单元格 hover 进入时会触发该事件 3、row-click:当某一行被点击时会触发该事件 图例 image.png <template><divstyle="padding:20px"><el-table:data="tab...
修改el-table 选中行的颜色,el-table 没有设置stripe 费我好大劲,终于试出来了. >>> .el-table .el-table__body tr.el-table__row.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row.current-r...
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{ background: #212936; /*隔行变色*/ } 1. 2. 3. table组件设置背景颜色透明 ::v-deep .el-table--fit{ padding: 20px; } ::v-deep .el-table, .el-table__expanded-cell { background-color...