当我们在更改页面中的表格时可能会遇到,字体颜色过暗或过量,是页面看着不协调这是我们就可以改变我们的table中的数据字体颜色
header-row-style:表头行的 style 的回调方法,也可以使用一个固定的 Object 为所有表头行设置一样的 Style。
row-style:行的 style 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style。
这个是改变表格的表头和tbody中的数据样式
<el-table
:row-style="{background:'rgba(48,66,154,2)',color:'#bbcafb',opacity: 1,}"
:header-cell-style="{opacity: 1,background: '#30429a',color:'#bbcafb'}" >
</el-table>
表格划过背景高亮字体颜色修改
.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #E3EEFD !important;
color:#0D7BFF !important;
}