成功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"除掉就可以了