Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

总行数在110-160之间的时候虚拟滚动无法滚动到底部 #6379

Closed
Still4 opened this issue Sep 8, 2022 · 4 comments · Fixed by #7553
Closed

总行数在110-160之间的时候虚拟滚动无法滚动到底部 #6379

Still4 opened this issue Sep 8, 2022 · 4 comments · Fixed by #7553
Labels
Bug Issues which are marked as Bug confirmed Issues that have been confirmed with a reduced test case and identify a bug. needs translation Issues that are need to translated to English.

Comments

@Still4
Copy link

Still4 commented Sep 8, 2022

Bootstraptable version(s) affected

1.19.1

Description

监听了下虚拟滚动的事件，发现当滚动到100行以后会预加载下一页，也就是150-350行的数据，加载出来的数据似乎判定为无效，会再次加载0-200行的数据，表现上就是最后100以后的行无法显示，滚动条到对应位置会短暂白屏，然后跳回100行的位置

Example(s)

No response

Possible Solutions

No response

Additional Context

No response
@Still4 Still4 added the Bug Issues which are marked as Bug label Sep 8, 2022
@Still4
Copy link
Author

Still4 commented Sep 8, 2022

更新下，临界行数不是110-160，跟页面可显示行数有关，应该是100+x和150+x

@wenzhixin wenzhixin added the needs example Need an example in order to confirm the issue or the PR. label Sep 9, 2022
@wenzhixin
Copy link
Owner

Please provide an Online Example to show your problem. Thanks!
麻烦提供下例子。

@Still4
Copy link
Author

Still4 commented Sep 9, 2022 •
edited
Loading

出现问题的表格比较复杂，尝试做了下简化

简化的过程中发现问题原因在第三列，有些行折行了，似乎影响了高度的计算？

https://live.bootstrap-table.com/code/Still4/12781

@UtechtDustin UtechtDustin added needs translation Issues that are need to translated to English. confirmed Issues that have been confirmed with a reduced test case and identify a bug. and removed needs example Need an example in order to confirm the issue or the PR. labels Oct 1, 2022
@wenzhixin
Copy link
Owner

目前是基于每一行相同的高度实现的，你可以增加 td { white-space: nowrap; } 来解决问题。
https://live.bootstrap-table.com/code/wenzhixin/18243

增加说明到文档中：

Currently, the implementation assumes that each line has the same height. If the heights of the lines vary, unpredictable bugs may occur. Please ensure that the height of each line is consistent, or apply the style td { white-space: nowrap; } to address this issue.

@wenzhixin wenzhixin mentioned this issue Oct 7, 2024
Merged
8 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug Issues which are marked as Bug confirmed Issues that have been confirmed with a reduced test case and identify a bug. needs translation Issues that are need to translated to English.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Added note for virtualScroll option wenzhixin/bootstrap-table
3 participants
@wenzhixin @UtechtDustin @Still4