expandedRowRender and colspan
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend
Direzione di ricerca
Inizia seguendo expandedRowRender attraverso il percorso di rendering delle righe espanse e verificando come viene assegnato il colspan corrente. Conferma se l’API esistente può produrre più celle allineate con le colonne parent; il lavoro è completato quando il contenuto espanso viene renderizzato in celle separate con i colspans richiesti e il comportamento è coperto da un test di regressione.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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.
- Lingua principale
- TypeScript
- Stelle
- 1.4k
- Fork
- 619
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Forse già presa @rubenmarcus l’ha presa 12 giorni fa. Aperta
Difficoltà 4/5 3-5 giorni Idoneità per principianti 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldForse già presa @nrps9909 l’ha presa 46 giorni fa. Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 50/100
react-component/table#1416 ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 30/100
react-component/table#1403 ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 15/100
react-component/table#1269 · 1 commento ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
react-component/table#1257 · 1 reazione ·
Tutte le issue di react-component/table
Issue simili
-
area:tui enhancement platform:macos
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
anthropics/claude-code#101490 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
netlify/netlify-mcp#75 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
atlassian-labs/compiled#1960 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
pnp/cli-microsoft365#7639 ·
I maintainer di solito rispondono entro 2 giorni
-
nextjs-tracking
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
cloudflare/vinext#3887 ·
I maintainer di solito rispondono entro 1 giorno