none
Como faço para esconder uma coluna de uma tabela com JavaScript? RRS feed

  • Pergunta

  • Olá,

    Tenho uma tabela com 5 colunas (A, B, C, D e E).

    Preciso esconder a coluna D.

    Como que faço isso com javascript?

    Obrigado


    k2rto4-Pb - Analista SharePoint

    segunda-feira, 1 de outubro de 2012 20:33

Respostas

  • E ae tuco, blz cara? Você pode usar Jquery

     $('td:nth-child(2)').hide();

    Da uma olhada nesses links:

    http://www.devcurry.com/2009/07/hide-table-column-with-single-line-of.html

    http://stackoverflow.com/questions/2595835/how-to-hide-table-columns-in-jquery


    Se a resposta foi útil por favor qualifique! Janderson Candido de Mattos - MCTS

    • Sugerido como Resposta welington jrModerator segunda-feira, 1 de outubro de 2012 23:51
    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 13:21
    segunda-feira, 1 de outubro de 2012 23:48
  • Valeu valeu Janderson!!!!

    Consegui esconder a coluna aqui com o seguinte código:

    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></script>
    <script type="text/javascript">        
    $(document).ready(function() 
     {
         $('td:nth-child(NúmeroDaColuna),th:nth-child(NúmeroDaColuna)').hide();
    });
    </script>

    Valeu!!!!


    k2rto4-Pb - Analista SharePoint

    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 13:22
    terça-feira, 2 de outubro de 2012 13:21

Todas as Respostas

  • E ae tuco, blz cara? Você pode usar Jquery

     $('td:nth-child(2)').hide();

    Da uma olhada nesses links:

    http://www.devcurry.com/2009/07/hide-table-column-with-single-line-of.html

    http://stackoverflow.com/questions/2595835/how-to-hide-table-columns-in-jquery


    Se a resposta foi útil por favor qualifique! Janderson Candido de Mattos - MCTS

    • Sugerido como Resposta welington jrModerator segunda-feira, 1 de outubro de 2012 23:51
    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 13:21
    segunda-feira, 1 de outubro de 2012 23:48
  • Valeu valeu Janderson!!!!

    Consegui esconder a coluna aqui com o seguinte código:

    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></script>
    <script type="text/javascript">        
    $(document).ready(function() 
     {
         $('td:nth-child(NúmeroDaColuna),th:nth-child(NúmeroDaColuna)').hide();
    });
    </script>

    Valeu!!!!


    k2rto4-Pb - Analista SharePoint

    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 13:22
    terça-feira, 2 de outubro de 2012 13:21
  • E se eu quisesse ignorar a ultima linha dessa coluna, tipo, tenho 2 colunas, uma com preços a vista e outra a prazo... como faço pra deixar o valor do total embaixo sem ele sumir junto com a coluna, ja tentei deixar colspan="2" e não vai...
    segunda-feira, 20 de julho de 2015 00:37