vue 中element table改變劃過高亮背景顏色和字體顏色

當我們在更改頁面中的表格時可能會遇到,字體顏色過暗或過量,是頁面看著不協(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; 
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容