ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.26k stars 1.35k forks source link

EditableProTable配合分页使用添加一行时出现异常🐛[BUG] #6992

Open lovehebe330 opened 1 year ago

lovehebe330 commented 1 year ago

🐛 bug 描述

使用EditableProTable配合request异步请求接口,配合分页,往中间的页数添加一行时,页面显示为空 点击前 image 点击后 image

发现添加的这行跑到第二页 image

📷 复现步骤

复现地址https://codesandbox.io/s/yu-formitem-pei-he-forked-99xpqp?file=/App.tsx

github-actions[bot] commented 1 year ago

以下的 Issues 可能会帮助到你 / The following issues may help you

dalong306 commented 1 year ago

请问这个问题解决了吗

chenshuai2144 commented 1 year ago

TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns. 此回复基于 ChatGPT 自动生成,可以尝试下方案,官方人员会在一定时间后继续继续处理。

根据给出的链接 #3354 的问题讨论,该问题尚未解决。你可以点击链接查看详细的讨论过程和可能的解决方案。建议你关注该问题的进展并等待修复。

作为一个解决方案,你可以尝试以下步骤进行调试:

  1. 确保你使用的是最新的 EditableProTable 组件版本。可以尝试更新到最新版本,看看问题是否得到修复。

  2. 检查你的代码实现,确保你正确处理了分页逻辑和异步请求。确保数据正确加载和渲染,并且在添加新行时,确保分页信息正确更新。

  3. 如果问题仍然存在,你可以尝试自己调试代码并进行排查。可以在控制台打印输出相关变量和数据,以便更好地理解代码执行的流程和可能的问题。

  4. 如果以上步骤都没有解决问题,你可以在该问题的 GitHub Issue 中留下你的问题描述和代码示例,向相关开发者请教并寻求帮助。

希望以上信息对你有所帮助,如果有更多问题,请随时提问。

pawover commented 1 year ago

同样,只要使用异步模式就会出现问题,并且伴随 dataSource length is less than pagination.total but large than pagination.pageSize. Please make sure your config correct data with async mode.

chenshuai2144 commented 1 year ago

TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns. 此回复基于 ChatGPT 自动生成,可以尝试下方案,官方人员会在一定时间后继续继续处理。

感谢你提供更多的信息。根据你的描述,当使用异步模式时,出现了 dataSource 的长度小于 pagination.total 但大于 pagination.pageSize 的问题,并提示确保正确配置数据的异步模式。

这个问题可能是由于异步请求和分页逻辑之间的一些配置或数据处理问题引起的。下面是一些可能的解决方案和调试步骤:

  1. 确保在异步请求返回数据后,正确设置 dataSource 的值。确保 dataSource 的长度与从异步请求中获取的数据长度一致。

  2. 检查分页逻辑是否正确。确保 pagination.total 设置为异步请求返回的总数据量,并且 pagination.pageSize 设置为每页展示的数据量。

  3. 检查异步请求的配置。确保你的异步请求按照正确的方式获取数据并将其正确设置给 dataSource。可以使用 console.log 打印异步请求返回的数据,确保数据格式和内容正确。

  4. 如果你使用了自定义的分页组件,检查你的代码和配置是否正确。确保分页组件能够正确处理异步请求返回的数据和分页逻辑。

  5. 查看 EditableProTable 组件的文档和示例,确保你正确理解和使用该组件的异步模式配置。检查是否有遗漏或错误的配置。

如果你已经尝试过以上步骤但问题仍然存在,我建议你在 EditableProTable 组件的 GitHub Issue 页面上详细描述你的问题,包括代码示例和配置,并向开发者寻求帮助。他们可能能够提供更具体的解决方案或修复bug。

希望这些信息对你有帮助。如果你还有其他问题,请随时提问。

madkilly commented 6 months ago

请问这个问题解决了吗

onsave的时候reload一下吧。应该是组件和分页有兼容问题。新增的记录不应该受分页影响才对。