Generate new tab after click on the table row
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 3.1k
- Forks
- 455
- Merge medio
- 5 h 9 min
- PR fusionados (30 d)
- 2
Descripción
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.
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Revisa la documentación existente sobre las pestañas de React junto con los fragmentos de JavaScript de este issue. Determina dónde debe incluirse un ejemplo para abrir o generar una pestaña nueva después de hacer clic en una fila de la tabla, y considera completa la documentación cuando los recién llegados puedan encontrar un ejemplo funcional que cubra esta interacción.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript, react
- Área
- documentation, frontend
- Tipo de issue
- Documentación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 35/100