bug(cdkTable): virtual scroll does not work for tables with cdkRowDefWhen

Ouverte
#32,670 5 commentaires 5 réactions 0 personnes assignées Voir sur GitHub

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é
Calme
Stack technique
angular, typescript
Domaine
frontend

Piste de recherche

Commencez avec le cdk-table-virtual-scroll-example de StackBlitz lié, mettez-le à jour vers Angular 21.1, exécutez-le et faites défiler les tableaux pour reproduire le problème. Suivez le comportement du tableau avec virtual scroll en présence de plusieurs définitions cdkRowDefWhen ; le travail est terminé lorsque les lignes réutilisées affichent leurs propriétés exactement comme sans virtual scroll.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

area: cdk/table feature P3
Is this a regression?
  • Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was

No response

Description

Virtual scroll does not work for tables with multiple cdkRow definitions. Properties remain undefined when a line from another definition is reused.

Reproduction

StackBlitz link: cdk-table-virtual-scroll-example
Steps to reproduce:

  1. download and update the project to Angular 21.1 (sorry, I struggled with updating on StackBlitz)
  2. run the project and scroll the tables down
Expected Behavior

See the lines as if there were no virtual scroll.

Actual Behavior

Rows that have reused a row of the other definition doesn't show their property. It is undefined.

Environment
  • Angular: 21.1.0
  • CDK/Material: 21.1.0
  • Browser(s):
  • Operating System (e.g. Windows, macOS, Ubuntu):
Langage dominant
TypeScript
Étoiles
25k
Forks
6.9k
Merge moyen
2 j 7 h
PR mergées (30 j)
83

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de angular/components

Toutes les issues de angular/components

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.