Order + filter with formatted data
Los mantenedores suelen responder en 1 día
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
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con el CodeSandbox enlazado y compara las definiciones de las columnas usando cell, accessorFn, getValue y el comportamiento de ordenación y filtrado en react-table 8.9.3. Rastrea cómo se exponen los valores originales y formateados para cada operación y, después, verifica que el caso reproducido pueda ordenar por la fecha o el número originales mientras filtra por su valor de visualización formateado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
i need to transform the data to show to the user.
Eg from YYYY-MM-DD to DD/MM/YYYY,
from usd 10.99 to usd 10,99.
Anyway, to order i need to use de original data ( a date or decimal number), to filter i need to use the transformed data or both.
dont exist a property in the row with columnId to return the transformed data (row.original, row.getValue and row.renderValue just return the original data).
i tried to pass the transformed data thru accessorFn: row => formatDate(row.field), but with this approach, i lose the original data in order function, and ordering with transformatted data gives me a wrong ordenation.
how to solve this problem?
Your minimal, reproducible example
https://codesandbox.io/s/nice-ishizaka-s2n6mw?file=/src/App.tsx
Steps to reproduce
create a row
{
header: "name",
accessorKey: "nameKey",
cell: ({getValue}) => formatDate(getValue())
},
// this option i lose the formatted data to filter
or
{
header: "name",
id: 'nameKey',
accessorFn: row => formatDate(row.date),
},
// this option i lose the original data to order
const formatDate = (date: string | Date, format?: string) => {
// console.log("date", date)
format = format || 'dd/MM/yyyy';
return dateFormat(toDate(date), format);
};
Expected behavior
order by original data and filter by transformed data
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
all Operating System and Browsers
react-table version
8.9.3
TypeScript version
5.2.2
Additional context
No response
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
- Lenguaje dominante
- TypeScript
- Estrellas
- 28.5k
- Forks
- 3.6k
- Merge medio
- 19 h 40 min
- PR fusionados (30 d)
- 8
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 TanStack/table
-
Issue template renders `react-table`, not `TanStack/table`Posiblemente ocupada @vishruthasgowda la tomó hace 12 días. Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
TanStack/table#6595 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 4/5 3-5 días Aptitud para principiantes 38/100
TanStack/table#6601 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Cast required to access custom options when defining a custom plugin/featurePosiblemente ocupada @sorena-paydar la tomó hace 13 días. Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
Los mantenedores suelen responder en 1 día
-
`aggregatedCell` not typed against bound `cellComponents` in `createAppColumnHelper`Posiblemente ocupada @cpruijsen la tomó hace 24 días. Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
TanStack/table#6577 · 6 comentarios ·
Los mantenedores suelen responder en 1 día
Todos los issues de TanStack/table
Issues similares
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
AOSSIE-Org/DebateAI#611 ·
Los mantenedores suelen responder en 3 días
-
Upgrade node-libzim to 4.7.0Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
openzim/mwoffliner#2933 ·
Los mantenedores suelen responder en 1 día
-
Use the README category name for website links and submissionsPosiblemente ocupada @dajiaohuang la tomó hoy. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
birobirobiro/awesome-shadcn-ui#647 ·
Los mantenedores suelen responder en 2 días
-
Twake Drive picker: closePicker() never destroys the intent (stop() is on the promise returned by start(), not by create())Posiblemente ocupada @chibenwa la tomó hoy. Abiertoclaude
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
linagora/twake-calendar-frontend#1498 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Add: Valea Prahovei TV RO SDAbiertocheck:passed streams:add
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día