我们在使用element UI库的时候，确实给我们带来了许多便利，但是，往往组件库无法满足我们的业务需求，这时就需要我们在组件库的基础上修改样式。
今天水香木鱼一篇图解文章教大家如何在组件库的基础上去修改样式，今天我们以el-table 为例子。👇👇👇
el-table原代码:
{{ scope.row.date }}
姓名: {{ scope.row.name }}
住址: {{ scope.row.address }}
>编辑
> size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)" >删除 >
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、💖修改行高
13、💖修改整个表格的水平和垂直滚动条