當我們在更改頁面中的表格時可能會遇到,字體顏色過暗或過量,是頁面看著不協(xié)調(diào)這是我們就可以改變我們的table中的數(shù)據(jù)字體顏色
header-row-style:表頭行的 style 的回調(diào)方法,也可以使用一個固定的 Object 為所有表頭行設(shè)置一樣的 Style。
row-style:行的 style 的回調(diào)方法,也可以使用一個固定的 Object 為所有行設(shè)置一樣的 Style。
這個是改變表格的表頭和tbody中的數(shù)據(jù)樣式
<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;
}