Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#8,477 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
48/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Comienza con el reproductor de StackBlitz enlazado y el comportamiento de reordenación de columnas de DataTable descrito en el issue. Reproduce la secuencia de barajar, arrastrar una columna y volver a barajar; después, sigue cómo se gestiona el orden de columnas proporcionado externamente después de arrastrar y soltar. Se considera terminado cuando el segundo Shuffle actualiza DataTable al orden de estado proporcionado.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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.

Lenguaje dominante
CSS
Estrellas
8.3k
Forks
1.2k
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de primefaces/primereact

Todos los issues de primefaces/primereact

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.