<el-table
:data="
list.slice((currentPage - 1) * pageSize, currentPage * pageSize)
"
style="width: 100%"
:row-style="CommonJs.RowIntervalBgColor"
>
<el-table-column prop="AddTime" label="建檔時(shí)間">
<template slot-scope="scope">
{{ scope.row.AddTime | dateYMDFormat }}
</template>
</el-table-column>
<el-table-column prop="FamilyNumber" label="家系號(hào)">
<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="請(qǐng)輸入內(nèi)容"
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;
}
備注:鼠標(biāo)移動(dòng)上去別的單元格背景色都會(huì)改變,只有操作欄目背景色沒有變化,原因是<el-table-column fixed="right" label="操作" min-width="100px">中的fixed="right"除掉就可以了
聯(lián)系客服