Skip to main content
tags editadas
Link
David
  • 165
  • 13
Fonte Link
David
  • 165
  • 13

Font-Awesome icon responsivo - Como substituir ícones quando clicado?

Então, estou tentando fazer aqueles headers responsivos que, quando clicados, organizam a coluna e mudam a "setinha" para cima ou para baixo. Atualmente já tenho os meus sorts funcionando, mas ainda falta essa "responsividade" dos icones.

Então meu problema é:

Tenho o icone atual: fa fa-fw fa-sort = inserir a descrição da imagem aqui

Gostaria que, quando um 'X' header for clicado, o icone mude para: fa fa-fw fa-sort-down= inserir a descrição da imagem aqui

Como faço para mudar ícones através de cliques? Além disso, é possível pegar o clique no header:

<th id="teste" rowspan="2" style="text-align: center; vertical-align: middle">Cliente   <i class="fa fa-fw fa-sort"></i></th>

E, quando algum outro for clicado, esse respectivo volte para o ícone original?