Datatable: Left Position incorrect with scroll + frozen + toggle columns
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react
- Área
- frontend
Línea de trabajo
Comienza con la lógica de diseño de columnas congeladas y alternancia de columnas de DataTable, usando el reproductor de CodeSandbox enlazado para observar la desalineación. Compara los valores inline de left aplicados a las celdas de thead y tbody mientras se muestran y ocultan las columnas con desplazamiento horizontal. Se considera terminado cuando las celdas congeladas de tbody están alineadas con las celdas correspondientes de thead sin un espacio visible.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
When using frozen columns in combination with toggle columns and a horizontally scrollable datable the left position of the cells is incorrectly calculated when showing/hiding columns.
When adding columns which cause horizontal scroll the frozen columns in the body have an increased value added to the left style properly added to the cell which cause them to be out of alignment and for the scrolled content to be visible in the 'gap' to the left.
The left style value applied to the and cells are different. seems to be applied correctly.
Reproducer
https://codesandbox.io/p/sandbox/festive-tu-8l54fm
System Information
System:
OS: macOS 26.3
CPU: (10) x64 Apple M4
Memory: 21.77 MB / 32.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 24.5.0 - /usr/local/bin/node
Yarn: 1.22.22 - /usr/local/bin/yarn
npm: 11.5.1 - /usr/local/bin/npm
Browsers:
Chrome: 145.0.7632.77
Firefox: 146.0
Safari: 26.3
npmPackages:
primereact: ^10.9.7 => 10.9.7
react: ^19.1.0 => 19.1.1
Steps to reproduce the behavior
No response
Expected behavior
The tbody cells should align correctly using the inline applied style > left as per the thead cells.
- 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 151 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 166 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
-
enhancement
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
mprov-ng/mprov_control_center#450 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
openfoodfacts/open-prices-frontend#2496 ·
Los mantenedores suelen responder en 1 día
-
bug p2 platform:web triaged
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
Los mantenedores suelen responder en 1 día