🐛 [Bug]: TinyGrid的表尾在列多时显示异常

[stwflyfox]

Version

3.20

Vue Version

lastest

Link to minimal reproduction

none

Step to reproduce

What is expected

No response

What is actually happening

No response

What is your project name

TinyVue

Any additional comments (optional)

No response

[petercat-assistant]

感谢您报告关于 TinyGrid 的问题。根据您提供的信息，似乎在列数较多时，表尾显示出现异常。为了更好地帮助您解决这个问题，我需要一些额外的信息：

1. 您是否可以提供一个最小可重现的代码示例或链接？
2. 您是否尝试过在不同的浏览器中查看问题是否依然存在？
3. 您是否有任何错误日志或控制台输出可以分享？

如果您能提供更多详细信息，我将更好地帮助您解决这个问题。

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Title: 🐛 [Bug]: TinyGrid's table tail displays abnormally when there are many columns

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Thank you for reporting an issue with TinyGrid. According to the information you provided, it seems that when there are a large number of columns, the end of the table displays abnormally. To better help you solve this problem, I need some additional information:

1. Can you provide a minimal reproducible code example or link?
2. Have you tried using different browsers to see if the problem persists?
3. Do you have any error logs or console output to share?

If you can provide more details, I can better help you solve this problem.

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[petercat-assistant]

It seems there was a repetition in the response. If you have any additional information or need further assistance with the TinyGrid issue, please feel free to share. I'm here to help!

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[chenxi-20]

@stwflyfox 方便给出一个完整地复现demo链接吗，问题描述再详尽一点，方便我这边进行定位

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@stwflyfox Can you give me a complete demo link? Please describe the problem in more detail so that I can locate it more easily.

[stwflyfox]

附件为demo代码，好像生成 200列时有问题。生成100列时是可以的。
test.txt

[gimmyhehe]

@stwflyfox 目前定位到是由于横向虚拟滚动与表格表尾同时存在的情况下会出现bug，目前正在定位修复中。
默认情况下，表格在列大于100的情况下，会默认开启横向虚拟滚动。目前可以通过手动配置虚拟滚动配置来规避横向虚拟滚动从而暂时规避BUG, 为表格添加一下配置，大于300列的时候开启横向虚拟滚动，大于30行开启纵向虚拟滚动。

:optimization="{ scrollX: { gt: 300 }, scrollY: { gt: 30 } }"

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@stwflyfox It is currently located that a bug will occur when horizontal virtual scrolling and table footer exist at the same time. It is currently being located and fixed.
Currently, you can circumvent horizontal virtual scrolling by manually configuring virtual scrolling configuration to temporarily avoid BUG. Add a configuration to the table to enable horizontal virtual scrolling when there are more than 300 columns, and enable vertical virtual scrolling when it is greater than 30 rows.

:optimization="{ scrollX: { gt: 300 }, scrollY: { gt: 30 } }"

[gimmyhehe]

@stwflyfox 复现demo中问题已修复，将会发布补丁版本3.21.2

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@stwflyfox The problem reproduced in the demo has been fixed, and patch version 3.21.2 will be released

[stwflyfox]

@stwflyfox 复现demo中问题已修复，将会发布补丁版本3.21.2

己更新到 3.21.2 , 但还有个问题，往右拖动时表尾没有显示对应列的数据

如加上 :optimization="{ scrollX: { gt: 300 }, scrollY: { gt: 30 } }" 则显示正常