elementui更改el-table表头背景颜色和字体颜色
·
博主在使用elementui中的el-table时感觉默认表格样式实在过于简洁，尤其表头与表格内容之间区别较小，不利于辨认，降低了用户体验。如图所示：
于是，博主尝试更改一下表头的背景颜色和字体颜色，方法如下：
根据elementui官网的说法，header-cell-style是表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。
这里尝试在el-table里使用 header-cell-style属性
代码如下：
<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}">
...
</el-table>
更改后的表头如图所示：
怎么样，是不是感觉美观了很多呢！
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
99
0- 0
已为社区贡献4条内容
所有评论(0)