DataTable: column order via props breaks after drag & drop reorder
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 58/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react
- Área
- frontend
Línea de trabajo
Comienza con el reproductor de StackBlitz enlazado e inspecciona el comportamiento de DataTable con reorderableColumns. Compara la prop externa del orden de las columnas antes y después de arrastrar y soltar, y verifica después que al hacer clic en Shuffle Columns las columnas se reordenan según el estado proporcionado después de la interacción del usuario.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
When using DataTable with reorderableColumns, column ordering works correctly when controlled via props and when using drag & drop independently.
However, after performing a drag & drop reorder, updating the column order again via props (e.g. using a “shuffle” button) no longer works correctly.
The component appears to keep an internal column order state after drag & drop that is no longer synchronized with the column order provided via props.
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
Steps to reproduce the behavior
Open the StackBlitz reproducer
Click the Shuffle Columns button
→ Columns reorder correctly
Drag & drop any column to change its order
→ Columns reorder correctly
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
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de primefaces/primereact
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
primefaces/primereact#8552 ·
-
Dificultad 1/5 1-3 horas Aptitud para principiantes 88/100
primefaces/primereact#8550 ·
-
Row checkbox selection tick is invisible in Landing Page Theme sectionPosiblemente ocupada @Prakash1185 la tomó hace 149 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
primefaces/primereact#8545 ·
-
Dependency conflict between jspdf v4 and jspdf-autotable during npm installPosiblemente ocupada @Kamran92 la tomó hace 164 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
primefaces/primereact#8537 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 58/100
primefaces/primereact#8551 ·
Todos los issues de primefaces/primereact
Issues similares
-
'图片收藏'功能无法滑动Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
venera-app/venera-prime#50 ·
-
backend bug configuration frontend good first issue priority: medium
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
nooriegarg/ContribIQ#23 ·
Los mantenedores suelen responder en 1 día
-
Support .aac audio uploadsPosiblemente ocupada @julien731 la tomó hoy. Abiertofeature
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
nimblehq/audio-transcriber#153 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día