baukh789 / GridManager

🌐 快速、灵活的对Table标签进行实例化,让Table标签充满活力。
https://gridmanager.lovejavascript.com
MIT License
819 stars 139 forks source link

万条不卡 #265

Open lglptr opened 2 years ago

lglptr commented 2 years ago

image 万条不卡上下滚动之后会有数据被挡住 而且 最后一列表头和数据不对齐

baukh789 commented 2 years ago

我在Demo中并没有复现,请提供下浏览器、系统及操作步骤等相关信息。

lglptr commented 2 years ago

WIN7  chrome 最新版也有这个问题

------------------ 原始邮件 ------------------ 发件人: "baukh789/GridManager" @.>; 发送时间: 2022年6月16日(星期四) 晚上6:04 @.>; @.**@.>; 主题: Re: [baukh789/GridManager] 万条不卡 (Issue #265)

我在Demo中并没有复现,请提供下浏览器、系统及操作步骤等相关信息。

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

lglptr commented 2 years ago

微信图片_20220627104656 WIN10 CHROME也有相同的问题,请问大佬正在关注么?

baukh789 commented 2 years ago

我找了几台机子试了下,还没有复现。

lglptr commented 2 years ago

我用公司的两台电脑都出现了 一个WIN7 CHROME 一个 WIN10 CHROME  那等我在找一台电脑试试看,如果还能出现 我录个视频

------------------ 原始邮件 ------------------ 发件人: "baukh789/GridManager" @.>; 发送时间: 2022年6月27日(星期一) 晚上7:54 @.>; @.**@.>; 主题: Re: [baukh789/GridManager] 万条不卡 (Issue #265)

我找了几台机子试了下,还没有复现。

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

lglptr commented 2 years ago

视频附件上传不了 我发邮件吧. 我顺便再邮件里写明操作过程

lglptr commented 2 years ago

3个不同的机器  1个WIN7 2个WIN10 全是最新版CHROME 而且WIN10的EDGE也是相同的BUG 而且新版本的CHROME打开页面第一条就没有了,之前版本不是这样的. 具体操作过程大致如下: 1.鼠标拖动滚动条向下 2.拖动 info表头改变宽度,此时表头和数据已经不对齐了. 3.鼠标拖动滚动条到最上面,然后用鼠标滚轮向下滚动数据,在用滚动向上滚动到第一条就会出现不展示的BUG

------------------ 原始邮件 ------------------ 发件人: "baukh789/GridManager" @.>; 发送时间: 2022年6月27日(星期一) 晚上7:54 @.>; @.**@.>; 主题: Re: [baukh789/GridManager] 万条不卡 (Issue #265)

我找了几台机子试了下,还没有复现。

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

从QQ邮箱发来的超大附件

IMG_3554.MOV (22.85M, 到期)进入下载页面:http://mail.qq.com/cgi-bin/ftnExs_download?t=exs_ftn_download&k=736134625966a4ccbda561671331041d020757565354540b1f555654501c02030652195a5609551f00000c5a0205025002505254353d367b7f266b510004021c7f2e626208&code=2a4b5162

IMG_3558.MOV (23.06M, 到期)进入下载页面:http://mail.qq.com/cgi-bin/ftnExs_download?t=exs_ftn_download&k=203131341a2bea9deef564314031574c03540705030255524c030503571c515551551c565101014e0250060d5403555152000950663d652a2c766e0753045d4d2c7e67345b&code=a114f1ec

IMG_3560.MOV (33.56M, 到期)进入下载页面:http://mail.qq.com/cgi-bin/ftnExs_download?t=exs_ftn_download&k=73303736f69dd3cabdf462331165071856070f06015254551f5504000348010202061a0e0452531a06050e520100500e570253543769357e7f776805025305197f7f61360a&code=20767e57

baukh789 commented 2 years ago

我看到了视频,这可能并不是一个BUG,而是demo的参数选择问题,具体原因如下: 虚拟滚动化配置项中tr的默认配置项只有20,当高度超出20行所占的高度时,就会出现你所遇到的情况。

new GridManager(table, {
    // 启用虚拟滚动 @2.18.0
    virtualScroll: {
    // 在使用supportTreeData与fullColumn时虚拟滚动无效。
    // 使用静态导出,必须配置handler,否则导出数据长度为virtualNum;
        // 打印时仅对当前配置virtualNum的条数生效
    useVirtualScroll: false,

    // 实际渲染的Tr数,该数值大于当前页数据长度时,虚拟滚动不生效
    virtualNum: 20
    },
    // ...其它配置项
});

你只需要在使用时,将virtualNum调到一个合理的范围,或者在初始化前动态的获取到一个合理的值并通过virtualNum传递给GridManager就可以解决这个问题。

需要注意的是: virtualNum越小,渲染性能越高。

lglptr commented 2 years ago

好的 , 另外请问一下这个动态参数能不能集成到js里面自动实现?当没有设置virtualNum时,GirdManager可以自动计算一个合适的值来保证展示的正确?

------------------ 原始邮件 ------------------ 发件人: "baukh789/GridManager" @.>; 发送时间: 2022年6月29日(星期三) 上午9:56 @.>; @.**@.>; 主题: Re: [baukh789/GridManager] 万条不卡 (Issue #265)

我看到了视频,这可能并不是一个BUG,而是demo的参数选择问题,具体原因如下: 虚拟滚动化配置项中tr的默认配置项只有20,当高度超出20行所占的高度时,就会出现你所遇到的情况。 new GridManager(table, { // 启用虚拟滚动 @2.18.0 virtualScroll: { // 在使用supportTreeData与fullColumn时虚拟滚动无效。 // 使用静态导出,必须配置handler,否则导出数据长度为virtualNum; // 打印时仅对当前配置virtualNum的条数生效 useVirtualScroll: false, // 实际渲染的Tr数,该数值大于当前页数据长度时,虚拟滚动不生效 virtualNum: 20 }, // ...其它配置项 });
你只需要在使用时,将virtualNum调到一个合理的范围,或者在初始化前动态的获取到一个合理的值并通过virtualNum传递给GridManager就可以解决这个问题。

需要注意的是: virtualNum越小,渲染性能越高。

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

lglptr commented 1 year ago

WIN7 64位  先把滚动条拉到最下面,然后拖动info的宽度

就会出现 不对齐和数据被遮挡的现象

------------------ 原始邮件 ------------------ 发件人: "baukh789/GridManager" @.>; 发送时间: 2022年6月16日(星期四) 晚上6:04 @.>; @.**@.>; 主题: Re: [baukh789/GridManager] 万条不卡 (Issue #265)

我在Demo中并没有复现,请提供下浏览器、系统及操作步骤等相关信息。

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

baukh789 commented 1 year ago

你在其它系统下是否正常,如果其它正常的话,请将使用的浏览器及版本提供下。