【前端】可视化大屏项目中Antd的table组件实现自动滚动和自定义斑马纹颜色

一、需求

在做前端可视化大屏项目的时候除了使用echarts绘制图表之外还需要很多表格展示数据，现有两个需求：
1、需要将表格内容实现自动滚动的效果；

2、表格是带斑马纹的，并且颜色需要自定义。
以下是我实现该功能的方法，希望对大家有所帮助！！！

二、代码展示

1、表格自动滚动逻辑代码

2、自定义表格斑马纹颜色

三、总结

大家可能对有些方法的使用不是很清楚，我简单做下解释：
1、在写滚动逻辑的时候，用到了xxx.scrollBy()的方法，这个方法是JavaScript中window对象的一种方法，可以在获取某个容器之后，指定像素数目，让其以指定的像素数目滚动窗口的内容。
2、在对表格的样式进行更改的时候，用到了:deep()深度选择器，目的是为了让自定义的样式作用到组件内部中，因为我们在vue项目中采用的是组件化开发，在写css样式的时候都有scoped属性，如果不使用深度选择器，那么样式就没法作用到目标容器上。
以上就是我解决这两个需求的办法，仅供大家参考~~~