Tabela Pai x Filho - Grid Editável

Formulários
1

Olá Fluiggers!

Estou fazendo um formulário com uma tabela Pai x Filho, mas o componente que é renderizado não é dos melhores no quesito interação. Queria criar uma tabela Pai x Filho cujo comportamento seja parecido com um “excel” onde é possivel navegar entre as celulas usando tab ou as setas do teclado. Algo parecido com esse grid do PO UI PO UI

image
image1581×327 26.9 KB

Vocês já tiveram uma experiência parecida? Teriam um componente ou exemplo para compartilhar.

2

Já vi pessoal fazendo isso simplesmente ocultando a tabela pai filho do fluig, faz toda a interação fora numa interface bonita, mas via JS vai inserindo os itens na pai filho (porque só por ela que o Fluig reconhecerá os itens e então persistirá no banco de dados).

3

Você pode utilizar o componente DataTable do próprio Style Guide (só utilizei em Widgets e até que funcionou bem).

image
image1610×611 32.2 KB

Ou então utilizar a lib jQuery DataTables