[Vue] Hydration error in `FlexRender` when column is an empty string
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 55/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- nuxtjs, typescript
- Domaine
- frontend
Piste de recherche
Commencez par packages/vue-table/src/index.ts et reproduisez l’erreur d’hydratation à l’aide de l’exemple StackBlitz lié, avec une colonne contenant une chaîne vide dans Nuxt SSR. Suivez la manière dont FlexRender gère cette valeur dans la cellule du tableau, puis vérifiez que le rendu côté serveur et côté client correspond et que l’erreur d’hydratation ne se produit plus.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
TanStack Table version
v8.21.3
Framework/Library version
Nuxt v4.0.3
Describe the bug and the steps to reproduce it
When using the @tanstack/vue-table FlexRender component in SSR, an hydration error occurs inside <td> when the column is an empty string.
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)
https://stackblitz.com/edit/nuxt-starter-geluyeas?file=app.vue
Screenshots or Videos (Optional)
Do you intend to try to help solve this bug with your own PR?
None
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.
- Langage dominant
- TypeScript
- Étoiles
- 28.5k
- Forks
- 3.6k
- Merge moyen
- 2 j 3 h
- PR mergées (30 j)
- 3
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de TanStack/table
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 4/5 3-5 jours Accessibilité débutants 38/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 35/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 3/5 1-2 jours Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 35/100
TanStack/table#6577 · 6 commentaires ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de TanStack/table
Issues similaires
-
triage
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
Les mainteneurs répondent en général sous 1 jour
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
mermaid-js/mermaid-live-editor#2053 ·
Les mainteneurs répondent en général sous 1 jour
-
factory
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
jessepollak/home#1455 ·
Les mainteneurs répondent en général sous 1 jour
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulté 1/5 Moins d'une heure Accessibilité débutants 95/100
lingdojo/kana-dojo#31227 · 1 commentaire · 5 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
mobile: device viewer shows dark status bar icons on its dark backdrop in light mode (Android)Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
appandflow/stim#1838 ·
Les mainteneurs répondent en général sous 1 jour