Table header and Table body is not align after updating from version 2.5.7 to 4.3.1
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- bootstrap, javascript, react
- Área
- frontend
Línea de trabajo
Comienza en src/BootstrapTable.js alrededor de la línea 1476, donde _adjustHeaderWidth comprueba isScroll e isVerticalScroll. Reproduce la desalineación entre la cabecera y el cuerpo de la tabla después de actualizar de 2.5.7 a 4.3.1, inspecciona el cálculo del ancho activado por el redimensionamiento y compara esta condición con la versión anterior; se considera terminado cuando la cabecera y el cuerpo de la tabla permanecen alineados cuando no hay desplazamiento vertical.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hello,
We are using react-bootstrable-table 2.5.7 updating to the latest(4.3.1),
As I dig dipper I look into the library, react-bootstrap-table column width actually computed, and every time the window is resize this will trigger the column width computation
The method is _adjustHeaderWidth, and there is a condition that preventing to compute the width,
https://github.com/AllenFang/react-bootstrap-table/blob/master/src/BootstrapTable.js#L1476
if (isScroll || this.isVerticalScroll !== isScroll) {
but 2.5.7 version without this condition the alignment is fine.
The condition actually is isScroll to check if there is a scroll which is always false(As I check in our case).
tbody.parentNode.getBoundingClientRect().height and
tbody.parentNode.parentNode.getBoundingClientRect().height has the same value
and isVerticalScroll is initialize to false
Please advise.
Thank you!
- Lenguaje dominante
- JavaScript
- Estrellas
- 2.2k
- Forks
- 758
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin 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 AllenFang/react-bootstrap-table
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 65/100
AllenFang/react-bootstrap-table#2053 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 20/100
AllenFang/react-bootstrap-table#2144 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 20/100
AllenFang/react-bootstrap-table#2143 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
AllenFang/react-bootstrap-table#2142 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
AllenFang/react-bootstrap-table#2141 ·
Todos los issues de AllenFang/react-bootstrap-table
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 72/100
thedevs-network/kutt#1059 ·
-
good first issue help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
0. Needs triage 35-feedback bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día