vue 中element table改变划过高亮背景颜色和字体颜色

当我们在更改页面中的表格时可能会遇到,字体颜色过暗或过量,是页面看着不协调这是我们就可以改变我们的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; 
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容