Expandir / recolher dados da tabela

Rookie1999

Comecei um mergulho profundo em HTML + CSS + JS nos últimos dias e estou curioso para saber se é possível expandir e recolher o restante dos dados da tabela se clicar nos primeiros dados da tabela na linha da tabela .

Já tentei usar várias combinações, mas não consegui, então queria entender se é realmente possível ou preciso melhorar ainda mais :)

Obrigado!

https://jsfiddle.net/p9mtqhm7/553/

Se eu clicar em dizer - AUSDe451 ou AUSDe441, o restante das colunas correspondentes deve ser expandido ou recolhido [ i.e LAMP 6.93817139 & 51_REGALIA 456.352] deve expandir / recolher se eu clicar - AUSDe451]

Chris

Seu gerenciador de cliques está um pouco errado!

Quando você está lidando com cliques no .server-nameelemento, $(this)dentro da função se refere ao item que foi clicado, neste caso a .server-namelinha da tabela.

Quando você executa $(this).find(...), está procurando por elementos filho da linha da tabela, que não existem. Portanto, em vez de usar $(this).find(...), você provavelmente deve procurar em outro lugar no DOM.

Além disso, você parece estar procurando por spanelementos, que não existem em nenhum lugar da sua marcação HTML, de forma que parte da função nunca retornará nada.

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Expandir / recolher div dentro da tabela html recuperando dados do banco de dados

Como expandir e recolher a linha da tabela com um clique

Expandir/Recolher linhas da tabela - Material Angular 11

como expandir / recolher as linhas da tabela usando jquery?

Jquery - Expandir / Recolher as linhas da tabela por nível

Expandir e recolher a tabela HTML

Linha acessível expandir / recolher tabela

Expandir e recolher os valores das células da tabela usando js / jquery

Como expandir e recolher a linha da tabela usando Bootstrap Accordion e ASP.NET MVC?

É possível substituir os dados em uma tabela que possui uma árvore de dados sem automaticamente recolher / expandir a árvore?

Visualização da tabela de seleção múltipla - girar a imagem no cabeçalho personalizado quando a seção expandir / recolher

Expandir / recolher tudo com tabela aninhada - jQuery Datatables

Como expandir / recolher a tabela html com visão parcial?

expandir e recolher a linha para a tabela ng não funcionar

Expandir / recolher tudo com tabela aninhada - jQuery Datatables

Expandir as linhas da tabela - alternar

Tabelas filhas com tabelas de dados (expandir / recolher)

Expandir / recolher a árvore de materiais usando dados booleanos (Angular 7)

Expandir / recolher a árvore de materiais usando dados booleanos (Angular 7)

CoordinatorLayout Recolher ou Expandir AppBar na extremidade da rolagem

Expandir / recolher itens da lista no menu em árvore recursiva no angular

como posso recolher todas as linhas da tabela

Como recolher uma linha da tabela no Bootstrap?

CSS recolher / expandir div

Expandir / recolher repetidor aninhado

Recolher / expandir CSS

React - Expandir / recolher tudo

Expandir recolher li

Como expandir as linhas da tabela com jquery?