el-table设置表头和表内容样式(字体、大小、颜色、背景颜色)

设置表头样式

<el-table :header-cell-style="{ }"></el-table>

设置表内容样式

<el-table :cell-style="{ }"></el-table>

示例

 <el-table  :cell-style="{color: '#666', fontFamily: 'Arial',fontSize:'15px'}" :data="filteredProductData" 
            :header-cell-style="{background:'#f0f9eb', fontFamily:'Helvetica',fontSize:'14px'}" style="width: 100%">
屏幕快照 2020-07-08 17.55.35.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。