Generate new tab after click on the table row
Personne n'a encore pris cette issue.
- Langage dominant
- JavaScript
- Étoiles
- 3.1k
- Forks
- 455
- Merge moyen
- 5 h 9 min
- PR mergées (30 j)
- 2
Description
Not a bug.
I can't find example on generate new tab on your page.
Mine is working but it doesn't generate new tab after you click on the row.
Example:
first component:
<tr {...row.getRowProps()} onClick={ (e) => Test(row.values)} />
second component:
function Test(data) {
return (
<>
{Object.keys(data).map(key =>
<Tab key={key}>{key}</Tab>
)}
</>
)
}
Third component:
const TabTable = () => {
return (
<div>
<Tabs>
<TabList>
<Tab key="Main">Main</Tab>
<Test />
</TabList>
<TabPanel>
<LoadData />
</TabPanel>
</Tabs>
</div>
);
}
LoadData is a table.
Yes, I use import Test in TabTable, it's just snippets.
That would be great for people who are new at generating tabs.
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
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.
Piste de recherche
Examinez la documentation existante sur les onglets React ainsi que les extraits JavaScript de cette issue. Déterminez où doit se trouver un exemple montrant comment ouvrir ou générer un nouvel onglet après avoir cliqué sur une ligne du tableau, et considérez la documentation comme complète lorsque les nouveaux contributeurs peuvent trouver un exemple fonctionnel couvrant cette interaction.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript, react
- Domaine
- documentation, frontend
- Type d'issue
- Documentation
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 35/100