Columns are miss-aligned when zoomin in/out with the browser
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Comienza con el Chrome jsfiddle enlazado y reproduce el problema con un zoom del 150 % y del 80 % usando el ejemplo de CSS border; compáralo con el caso de background-color. Se considera terminado cuando los bordes de las columnas de header y body permanecen alineados en ambos niveles de zoom.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Reproducible in Chrome
Everything is pretty standard except cells have a right border (to check if columns become miss-aligned)
table.dataTable thead th,
table.dataTable tbody td {
border-right: 1px solid red;
}
When zooming in with the browser, for example at 150%, the borders start to become miss-aligned, the more to the right, the worse it becomes. Zooming out at 80% causes the same issue. https://jsfiddle.net/dalvarezmartinez1/jo6vnd1c/12/
Note, the problem is not reproducible, if instead of borders, we're using background-color to observe the miss-alignment
table.dataTable thead th:nth-child(odd) {
background-color:red;
}
table.dataTable tbody td:nth-child(odd) {
background-color:blue;
}
Not reproducible with background color instead of border: https://jsfiddle.net/dalvarezmartinez1/jo6vnd1c/19/
- Lenguaje dominante
- TypeScript
- Estrellas
- 83
- Forks
- 66
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
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 DataTables/Scroller
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
DataTables/Scroller#97 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
DataTables/Scroller#93 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
DataTables/Scroller#89 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
DataTables/Scroller#87 · 6 comentarios ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
DataTables/Scroller#83 · 1 comentario · 2 reacciones ·
Todos los issues de DataTables/Scroller
Issues similares
-
dx hacktoberfest help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
Los mantenedores suelen responder en 1 día
-
documentation
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
cloudflare/agents#2498 ·
Los mantenedores suelen responder en 1 día
-
Missing repro Platform: Android
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
software-mansion/react-native-reanimated#10816 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
e2e-failure ready-to-code
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
redhat-developer/rhdh-plugin-export-overlays#4129 ·
Los mantenedores suelen responder en 1 día