none
[CSS] Como faço para esconder uma <tr> de acordo com sua class? RRS feed

  • Pergunta

  • Olá,

    Tenho uma página que renderiza o seguinte html:

    <table width="80%" border="0" cellspacing="0">
    	  <tbody>
    		<tr class="s4-die">
    		<tr class="a">
    		<tr class="b">
    		<tr class="c">
    	  </tbody>
    </table>


    Como faço pra esconder a <tr class="s4-die"> com css?

    Obrigado


    K2rto'4 - Analista de Sistemas
    "Hoje melhor do que ontem, amanhã melhor do que hoje!" 改 善

    quarta-feira, 21 de outubro de 2015 20:26

Respostas

  • O ideal seria que você controlasse o evento antes da renderização para que a linha nao chegasse ao HTML. Mas caso isso não seja possivel, voce pode fazer isso utilizando jQuery:

    $('.s4-die').hide();

    • Marcado como Resposta TI DEV quinta-feira, 22 de outubro de 2015 15:22
    quinta-feira, 22 de outubro de 2015 13:59
  • Olá,

    Tenho uma página que renderiza o seguinte html:

    <table width="80%" border="0" cellspacing="0">
    	  <tbody>
    		<tr class="s4-die">
    		<tr class="a">
    		<tr class="b">
    		<tr class="c">
    	  </tbody>
    </table>


    Como faço pra esconder a <tr class="s4-die"> com css?

    Obrigado


    K2rto'4 - Analista de Sistemas
    "Hoje melhor do que ontem, amanhã melhor do que hoje!" 改 善

    Apesar da resposta do LeandroNunesJS resolver o problema, para resolve-lo com CSS é bastante simples também:

    tr.s4-die { display: none; }


    Att., Rafael Simor

    • Marcado como Resposta TI DEV quinta-feira, 22 de outubro de 2015 16:38
    quinta-feira, 22 de outubro de 2015 16:23

Todas as Respostas

  • O ideal seria que você controlasse o evento antes da renderização para que a linha nao chegasse ao HTML. Mas caso isso não seja possivel, voce pode fazer isso utilizando jQuery:

    $('.s4-die').hide();

    • Marcado como Resposta TI DEV quinta-feira, 22 de outubro de 2015 15:22
    quinta-feira, 22 de outubro de 2015 13:59
  • Olá,

    Tenho uma página que renderiza o seguinte html:

    <table width="80%" border="0" cellspacing="0">
    	  <tbody>
    		<tr class="s4-die">
    		<tr class="a">
    		<tr class="b">
    		<tr class="c">
    	  </tbody>
    </table>


    Como faço pra esconder a <tr class="s4-die"> com css?

    Obrigado


    K2rto'4 - Analista de Sistemas
    "Hoje melhor do que ontem, amanhã melhor do que hoje!" 改 善

    Apesar da resposta do LeandroNunesJS resolver o problema, para resolve-lo com CSS é bastante simples também:

    tr.s4-die { display: none; }


    Att., Rafael Simor

    • Marcado como Resposta TI DEV quinta-feira, 22 de outubro de 2015 16:38
    quinta-feira, 22 de outubro de 2015 16:23
  • SimorC, boa tarde.

    Funcionou perfeitamente com CSS.

    E é até mais leve não é, usar o CSS em vez de JQuery.

    Obrigado.


    K2rto'4 - Analista de Sistemas
    "Hoje melhor do que ontem, amanhã melhor do que hoje!" 改 善

    quinta-feira, 22 de outubro de 2015 16:37