成功el-table鼠标移动上去背景色不改变解决

<el-table
              :data="
                list.slice((currentPage - 1) * pageSize, currentPage * pageSize)
              "
              style="width: 100%"
              :row-style="CommonJs.RowIntervalBgColor"
            >
              <el-table-column prop="AddTime" label="建档时间">
                <template slot-scope="scope">
                  {{ scope.row.AddTime | dateYMDFormat }}
                </template>
              </el-table-column>
              
              <el-table-column prop="FamilyNumber" label="家系号">
                <template slot-scope="scope">
                  {{ scope.row.FamilyNumber.replace("无", "") }}
                </template>
              </el-table-column>
             
              <el-table-column
                prop="ClassifiedDiagnosticInformation"
                label="分类诊断信息"
                width="200px"
              ></el-table-column>
              <el-table-column prop="Memorandum" label="备忘录" width="270px">
                <template scope="scope">
                  <el-input
                    v-model="scope.row.Memorandum"
                    placeholder="请输入内容"
                    style="width: 260px"
                    size="mini"
                  ></el-input>
                </template>
              </el-table-column>
              <el-table-column fixed="right" label="操作" min-width="100px">
                <template slot-scope="scope">
                  <el-button
                    type="primary"
                    icon="el-icon-edit"
                    circle
                    size="mini"
                    @click="CK(scope.row)"
                    style="margin-top:2px;margin-bottom:2px;"
                  ></el-button>
                  <el-button
                    type="teststyle"
                    icon="el-icon-s-claim"
                    circle
                    size="mini"
                    @click="modify(scope.row)"
                  ></el-button>
                  <el-button
                    type="danger"
                    icon="el-icon-delete"
                    circle
                    size="mini"
                    @click="deleteData(scope.row)"
                  ></el-button>
                </template>
              </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"除掉就可以了

(0)

相关推荐