ag-grid自定义滚动条后快速滑动致使有些列无法完全显示内容的问题

CSDN博主
• 阅读 4378

项目中要显示一些table数据,我们用的是ag-grid。前几天客户报出了一个问题。当列很多的时候向右滑动滚动条,最后一列的数据经常出现被截的情况。我第一反应是不是ag-grid的一个bug。到他们官方网站上试了几个demo,都没有出现这个问题。辣么的丝滑……。观察发现我们滚动条和ag-grid默认的不一样。特别是快速滑动的时候,会出现很多列都没显示出来的现象。感觉问题应该是出在这里。于是就顺着线索找了过去。果然我们的SCSS中定义了一个自定义滚动条的mixin。我注释掉它之后问题就没有了。找到问题出在哪里了,下面就要尝试寻找解决方案了。

方案 1: 看到自定义滚动条是加在ag-grid的container上的。猜想是不是表渲染新列的时候,这个样式会导致ag-grid的宽度计算出错。于是把自定义滚动条提到全局层面。测试后果然没有问题了。因为我们要支持多主题,尝试把自定义滚动条样式从全局层面往下放到各个主题文件中时这个问题又出现了。这个方向暂时没有找到合适的方案。如果没有多主题需求这个方案是可以的。

方案 2: 给ag-grid的container预留出滚动条的空间。我是通过加padding实现的。这样有可能解决ag-grid宽度计算的问题。试了一下,原先的问题解决了。但是最后一列后面会多出一个与滚动条等宽的空间。

最后我们选择了方案2,那个小的瑕疵影响不大勉强可以接受。对于方案1还要花时间继续研究一下,看看能不能完美解决。

点赞
收藏
评论区
推荐文章
kenx kenx
3年前
MySQL查询结果集字符串操作之多行合并与单行分割
前言我们在做项目写sql语句的时候,是否会遇到这样的场景,就是需要把查询出来的多列,按照字符串分割合并成一列显示,或者把存在数据库里面用逗号分隔的一列,查询分成多列呢,常见场景有,文章标签,需要吧查询多个标签合并成一列,等,需要怎么去实现呢,这就涉及到MySQL的字符串操作groupconcat场景再现我想把查询多列数据合并成一列显示用逗号分隔
Stella981 Stella981
3年前
657页前端面试题+答案,分类学习整理,良心制作,持续更新中~
注:花一个多月时间,重学基础,学习完、整理完、总结归纳完,痛并快乐着。(欢迎提出问题和建议,采纳后会附上提议者名字链接)HTML篇1.图片中title和alt区别?通常当鼠标滑动到元素上的时候显示alt是是图片内容的等价描述,用于图片无法加载时显示、读
Stella981 Stella981
3年前
Hibernate纯sql查询结果和该sql在数据库直接查询结果不一致
问题:今天在做一个查询的时候发现一个问题,我先在数据库实现了我需要的sql,然后我在代码中代码:selectdistinctd.id,d.name,COALESCE(c.count_num,0),COALESCE(c.count_fix,0),COALESCE(c
Wesley13 Wesley13
3年前
MFC 控件编程之水平滚动条跟垂直滚动条
        MFC控件编程之水平滚动条跟垂直滚动条一点水平滚动条的操作  首先在操作滚动条的时候.我们要知道滚动条的一些属性.比如我们要设置最大值最小值.以及每次递增的值是多少.都要设置.所有就有一个结构.专门存储了滚动条信息.而我们在对话框一启动就要
Python进阶者 Python进阶者
10个月前
如何把一个python列表(有很多个元素)变成一个excel表格的第一列?
大家好,我是Python进阶者。一、前言前几天在Python最强王者群有个叫【麦当】的粉丝问了一个关于Python如何把一个python列表(有很多个元素)变成一个excel表格的第一列的问题,这里拿出来给大家分享下,一起学习。二、解决过程这里给出【dcp
位流程风 位流程风
2个月前
还在为源 IP 获取不准烦恼?雷池 WAF 的智能配置赢在哪?
不想看长文可以直接翻到最后看结论经常有大哥反馈说雷池攻击日志里显示的IP有问题。这里我来讲一下为什么一些情况下雷池显示的攻击IP会有问题。问题说明默认情况下,雷池会通过HTTP连接的Socket套接字读取客户端IP。在雷池作为最外层网管设备的时候这没有问题
Python进阶者 Python进阶者
1年前
盘点一个Pandas处理Excel表格实战问题(上篇)
大家好,我是皮皮。一、前言前几天在Python最强王者交流群【哎呦喂是豆子~】问了一个Pandas实战的问题,一起来看看吧。问题描述:大佬们请问下这个数据怎么实现呢?有2组数据:第一个数据《获取的数据.xlsx》:每13行数据为一组,要实现一列数据拆分成多
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
Python进阶者 Python进阶者
1年前
Pandas一行中满10个字符就自动换行?
大家好,我是Python进阶者。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas处理数据的问题。问题如下:大佬们,有个需求,某一列中,有些单元格中数字太多,比如有20个字符,太难看了,有没有办法,满10个字符就自动换行!用了这个:s
Python进阶者 Python进阶者
10个月前
如何把一个python列表(有很多个元素)变成一个excel表格的第一列?
大家好,我是Python进阶者。一、前言前几天在Python最强王者群有个叫【麦当】的粉丝问了一个关于Python如何把一个python列表(有很多个元素)变成一个excel表格的第一列的问题,这里拿出来给大家分享下,一起学习。二、解决过程这里给出【dcp