Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#8,477 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
48/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
javascript, react
領域
frontend

調査の方向性

リンクされた StackBlitz の再現環境と、issue に記載されている DataTable の列並べ替え動作から始めてください。列をシャッフルし、1 つの列をドラッグし、再度シャッフルする一連の操作を再現してから、ドラッグアンドドロップ後に外部から提供された列順がどのように処理されるかを追跡してください。2 回目の Shuffle によって DataTable が提供された state の順序に更新されれば完了です。

索引モデルが 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. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

primefaces/primereact のほかの issue

primefaces/primereact の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。