Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

DataTable: column order via props breaks after drag & drop reorder

未关闭
#8,477 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
48/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
冷清
技术栈
javascript, react
领域
frontend

调研方向

从链接的 StackBlitz 复现器以及 issue 中描述的 DataTable 列重排行为开始。重现打乱列、拖动一列、再次打乱的操作序列,然后跟踪拖放后外部提供的列顺序是如何处理的。完成的标准是第二次 Shuffle 会将 DataTable 更新为所提供的状态顺序。

由索引模型根据 Issue 内容生成。

描述

Status: Needs Triage
Describe the bug

When using DataTable with reorderable columns, column ordering works correctly either via props or via drag & drop.
However, after a drag & drop reorder occurs, updating the column order again via props no longer works correctly.

This makes it impossible to reliably control column order from external state once the user interacts with column reordering.

Reproducer

https://stackblitz.com/edit/umv9mwqp?file=src%2FApp.jsx

System Information
primereact: 10.9.7
react: 18.3.1
Steps to reproduce the behavior
  1. Open the StackBlitz reproducer

  2. Click the Shuffle Columns button → Columns reorder correctly

  3. Drag & drop any column to change its order → Columns reorder correctly

  4. Click the Shuffle Columns button again → Column order does not update correctly / remains stuck

Expected behavior

After using drag & drop to reorder columns, updating the column order via props (e.g. clicking the Shuffle button) should still reorder the columns according to the provided prop/state order.

The DataTable should remain fully controllable by external column state even after user interaction.

主要语言
CSS
星标
8.3k
派生
1.2k
PR 合并指标
30 天内没有已合并 PR

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

primefaces/primereact 的其他 Issue

查看 primefaces/primereact 的全部 Issue

相似的 Issue

更多 Web Dev Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。