【前端】可视化大屏项目中Antd的table组件实现自动滚动和自定义斑马纹颜色
创始人
2024-11-04 11:06:49
0次

一、需求

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

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

二、代码展示

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

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

三、总结

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

上一篇：python爬取Web of science论文信息

下一篇：新2024版规律辅助（【WePoKe】）软件透明挂（辅助挂）其实真的是有挂的（有挂传授）app插件（哔哩哔哩）

相关内容

热门资讯

重大推荐！wepoker私人局... 重大推荐！wepoker私人局规律，wepoker破解游戏盒子，揭幕教程（有挂工具）-哔哩哔哩1、操...
此事备受玩家关注!决战卡五星辅... 此事备受玩家关注!决战卡五星辅助源码!果然是真的辅助器(讲解有挂)-哔哩哔哩1、下载好决战卡五星辅助...
一分钟揭秘！aapoker免费... 一分钟揭秘！aapoker免费透视脚本，哈糖大菠萝万能挂，辅助教程（的确有挂）-哔哩哔哩1、全新机制...
目前!哥哥打大a辅助工具靠谱嘛... 目前!哥哥打大a辅助工具靠谱嘛!好像存在有辅助修改器(确实有挂)-哔哩哔哩1、该软件可以轻松地帮助玩...
大家学习交流！wepoker透... 大家学习交流！wepoker透视app下载，wepoker私局代打，开挂教程（有挂细节）-哔哩哔哩1...
反观!仟众部落辅助!总是是真的... 反观!仟众部落辅助!总是是真的辅助下载(有挂讲解)-哔哩哔哩1、许多玩家不知道仟众部落辅助辅助怎么退...
热点推荐！aapoker ai... 热点推荐！aapoker ai插件，wepoker辅助器激活码，解密教程（有挂详情）-哔哩哔哩1、完...
出现新变化!皮皮辅助软件!总是... 出现新变化!皮皮辅助软件!总是是真的辅助下载(有挂秘诀)-哔哩哔哩1、在皮皮辅助软件插件功能辅助器技...
记者发布！wpk辅助，aapo... 记者发布！wpk辅助，aapoker透视方法，教你教程（有挂存在）-哔哩哔哩所有人都在同一条线上，像...
做出回应!闲逸平台辅助功能入口... 做出回应!闲逸平台辅助功能入口在哪里!切实存在有辅助app(竟然有挂)-哔哩哔哩1、让任何用户在无需...