如何自定义修改Element-UI中el-table的样式实现个性化设计？

本文共计379个文字，预计阅读时间需要2分钟。

目录前言

1.修改th（头部）的background-color

2.修改表头字体颜色

3.修改tr（行）的background-color

4.修改tr（行内线）的background-color

5.修改奇数行的背景颜色

6.修改表格底部

目录

• 前言
• 1、修改th(头部)的background-color
• 2、修改表头字体颜色
• 3、修改tr(行)的background-color
• 4、修改tr(行内线)的background-color
• 5、修改斑马线的background-color(奇偶行背景)
• 6、修改表格最底部background-color和height
• 7、修改表格无数据background-color，字体颜色
• 8、修改鼠标选中行的background-color
• 9、修改行内文字居中（除表头）
• 10、修改除表头外的表格内容的背景色
• 11、修改行高
• 12、修改整个表格的水平和垂直滚动条
• 总结

前言

我们在使用element UI库的时候，确实给我们带来了许多便利，但是，往往组件库无法满足我们的业务需求，这时就需要我们在组件库的基础上修改样式。

今天一篇图解文章教大家如何在组件库的基础上去修改样式，今天我们以el-table 为例子。