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

DataTable: PassThrough types does not match actual values

Abierto
#8,431 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
48/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza por los tipos de passthrough de DataTable expuestos mediante PrimeReactPTOptions y sigue el punto de entrada bodyRow(options). Compara el tipo de contexto declarado con el DataTableBodyRowContext descrito en el issue y verifica después que el contexto de bodyRow esté tipado de forma coherente, en lugar de como DataTableContext o any.

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

Descripción

Status: Needs Triage
Describe the bug

When styling with Tailwind through theming, it is needed to type the passthrough options like so -> datatablePT: Pick<PrimeReactPTOptions, "datatable">

When trying to access the context for a bodyRow in passthrough options for DataTable the type for context is DataTableContext and not DataTableBodyRowContext.

bodyRow({ context }) -> context is type any
bodyRow(options) => options?.context is type DataTableContext

Reproducer

No response

System Information
System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 Intel(R) Core(TM) i7-10850H CPU @ 2.70GHz
    Memory: 18.29 GB / 31.85 GB
  Binaries:
    Node: 22.15.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 4.9.2 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.9.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 143.0.7499.41
    Edge: Chromium (140.0.3485.54)
    Firefox: 122.0 - C:\Program Files\Mozilla Firefox\firefox.exe
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    primereact: ^10.9.7 => 10.9.7 
    react: ^19.1.1 => 19.1.1 
    tailwindcss: ^4.1.13 => 4.1.13
Steps to reproduce the behavior
  1. Create a passthrough styling object for the DataTable component, used for theming and not directly on the component.
  2. Add the type for the DataTable component from import type { PrimeReactPTOptions } from "primereact/api"
  3. Type the passthrough styling object like Pick<PrimeReactPTOptions, "datatable">
  4. Create styling for bodyRow bodyRow(options)
  5. Check that the options.context exists and that the type is wrong -> DataTableContext
Expected behavior

I would expect that the type for context in bodyRow is DataTableBodyRowContext and not the parent context type.

Lenguaje dominante
CSS
Estrellas
8.3k
Forks
1.2k
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

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 primefaces/primereact

Todos los issues de primefaces/primereact

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.