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

When assign scrollY:500, then value shifted from valued columns. after click on any column, working fine.

Abierto
#102 0 comentarios 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
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Comienza con la configuración de DataTables proporcionada y reproduce el problema usando colReorder, select, scrollX y scrollY: 430. Compara los valores mostrados antes y después de hacer clic en una columna; se considera terminado cuando los valores permanecen alineados con sus columnas sin requerir un clic.

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

Descripción

table = $('#OrderMargin-data-table').DataTable({
data: data.AllData,
colReorder: true,
select: true,
scrollX: true,
scrollY: 430,
"scrollCollapse": true,
deferRender: true,
"searching": false,
autoWidth: false,
"columns": [
{ "title": "Discount", "data": "Discount", "searchable": true, width: '120px', className: "text-right", },
{ "title": "Deduction", "data": "Deduction", "searchable": true, width: '120px', className: "text-right", },
{ "title": "Fuel Cost", "data": "FuelCost", "searchable": true, width: '100px', className: "text-right", },
{ "title": "Gross Margin", "data": "GrossMargin", "searchable": true, width: '120px', className: "text-right", }

                    ],
                    "order": [],
                    dom: '<"datatable-header"fl><"datatable-scroll-lg"t><"datatable-footer"ip>',
                    language: {
                        search: '_INPUT_',
                        lengthMenu: '<span>Show:</span> _MENU_',
                        paginate: { 'first': 'First', 'last': 'Last', 'next': '&rarr;', 'previous': '&larr;' }
                    },                           
                    "lengthMenu": [[9, 25, 50, -1], [8, 25, 50, "All"]],
                   
                });

dt

Lenguaje dominante
TypeScript
Estrellas
73
Forks
83
Merge medio
4 min
PR fusionados (30 d)
1

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

  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 DataTables/FixedHeader

Todos los issues de DataTables/FixedHeader

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.