expandedRowRender and colspan
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Commencez par suivre expandedRowRender dans le chemin de rendu des lignes étendues et vérifiez comment le colspan actuel est attribué. Confirmez si l’API existante peut produire plusieurs cellules alignées sur les colonnes parentes ; le travail est considéré comme terminé lorsque le contenu étendu est rendu dans des cellules séparées avec les colspans demandés et que le comportement est couvert par un test de régression.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Hi,
I am rendering a table, which has an expandedRowRender: (record) => <ExpandedLazyLoadedRow record={record} />, function to render a component once data is fetched from the api.
Currently the table renders like
What I am trying to do is render the td instead of this
<tr class="rc-table-expanded-row rc-table-expanded-row-level-1">
<td class="rc-table-cell" colspan="6">
<div style="display: flex;">
<div style="flex: 1 1 0%; padding-right: 8px;">Expanded Content 1 (colspan 2)</div>
<div style="flex: 3 1 0%;">Expanded Content 2 (colspan 4)</div>
</div>
</td>
</tr>
to
<tr class="rc-table-expanded-row rc-table-expanded-row-level-1">
<td class="rc-table-cell" colspan="2">
Some content
</td>
<td class="rc-table-cell" colspan="4">
Some content
</td>
</tr>
So that it aligns correctly with the parent column. Any inputs is really appreciated.
Thank you.
- Langage dominant
- TypeScript
- Étoiles
- 1.4k
- Forks
- 619
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
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 react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Peut-être pris @rubenmarcus l’a pris il y a 14 jours. Ouverte
Difficulté 4/5 3-5 jours Accessibilité débutants 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldPeut-être pris @nrps9909 l’a pris il y a 48 jours. Ouverte
Difficulté 3/5 1-2 jours Accessibilité débutants 50/100
react-component/table#1416 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 30/100
react-component/table#1403 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 15/100
react-component/table#1269 · 1 commentaire ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
react-component/table#1257 · 1 réaction ·
Toutes les issues de react-component/table
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
Les mainteneurs répondent en général sous 1 jour
-
status:approved type:bug
Difficulté 1/5 Moins d'une heure Accessibilité débutants 70/100
egdev6/quorb#109 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
stage:4
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
ilan-pinto/roaring-lions#598 ·
Les mainteneurs répondent en général sous 1 jour
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
Les mainteneurs répondent en général sous 1 jour
-
Frontmatter next to `src:` is applied to every imported slide, not only the first (undocumented)Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
Les mainteneurs répondent en général sous 1 jour