[Feature Request]: Support for rendering custom React nodes as expanded row content in Table component
I maintainer di solito rispondono entro 2 giorni
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Idoneità per principianti
- 38/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- react, typescript
- Ambito
- frontend
Direzione di ricerca
Start by reading the Table component's expandableRows API and its documentation and tests; the issue does not name specific files. Identify how expanded content is currently represented and rendered. Done means the Table can display arbitrary React nodes as a row's expanded content, with tests covering that behavior.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description
Description:
Currently, the Table component's expandableRows API only supports rendering nested data as expanded rows, not arbitrary React nodes. In many use cases, it is necessary to display custom content (such as forms, charts, or complex layouts) when a row is expanded, rather than just additional table rows.
Use case:
We have a requirement to show rich, custom React content (not just nested table rows) when a user expands a row in the Table. For example, we may want to display a detailed panel, a form, or a summary card that spans the full width of the table. The current API does not support this, as the expanded content must be an array of items rendered as additional rows.
Benefit:
Supporting custom React nodes as expanded row content would make the Table component much more flexible and powerful, enabling a wider range of use cases without having to reimplement table features (sorting, selection, pagination, etc.) manually.
Request:
Please consider adding a prop or API to the Table component that allows developers to render arbitrary React nodes as the expanded content for a row, similar to how some other table libraries support expandable panels or detail rows.
Code of Conduct
- I agree to follow this project's Code of Conduct
- I checked the current issues for duplicate requests
- Lingua principale
- TypeScript
- Stelle
- 2.7k
- Fork
- 248
- Merge medio
- 3g 14h
- PR unite (30g)
- 83
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 cloudscape-design/components
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
cloudscape-design/components#5184 · 2 commenti ·
I maintainer di solito rispondono entro 2 giorni
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
cloudscape-design/components#5152 · 1 commento ·
I maintainer di solito rispondono entro 2 giorni
-
enhancement
Difficoltà 5/5 Più di una settimana Idoneità per principianti 15/100
cloudscape-design/components#5149 · 1 commento ·
I maintainer di solito rispondono entro 2 giorni
-
bug
Difficoltà 4/5 3-5 giorni Idoneità per principianti 45/100
cloudscape-design/components#5117 · 2 commenti ·
I maintainer di solito rispondono entro 2 giorni
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 35/100
cloudscape-design/components#5106 · 1 commento ·
I maintainer di solito rispondono entro 2 giorni
Tutte le issue di cloudscape-design/components
Issue simili
-
backend refactor
Difficoltà 2/5 1-3 ore Idoneità per principianti 73/100
NIAEFEUP/tts#927 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
callstackincubator/react-native-harness#296 ·
I maintainer di solito rispondono entro 1 giorno
-
status:in-linear
Difficoltà 2/5 1-3 ore Idoneità per principianti 67/100
n8n-io/n8n#42293 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
verified
Difficoltà 2/5 1-3 ore Idoneità per principianti 67/100
I maintainer di solito rispondono entro 5 giorni
-
Add inputmode attribute support (forwarded to the inner input)Forse di nuovo libera Una pull request per questa issue è stata chiusa senza essere unita. Apertaenhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
Neovici/cosmoz-input#467 ·
I maintainer di solito rispondono entro 1 giorno