tabelaResponsiva

by megaadriano

HTML

<table style=" width:100vw;height:200px;"><tbody><tr><td id="tzZ0" class="l-24 padding valigntop"><table style=" width:1560px;">
<tbody><tr><td style=" width:598px; height:66px;border-collapse:separate; background-color:#ffffff;" id="Z0" class="l-27 Z0 valigntop"><table style=" width:100%; height:100%;border-spacing:0;border-collapse:separate;border:0;outline:none;" id="bzA13"><tbody><tr><td style="border:none;height:100%;" id="tzA13" class="valignmiddle"><div style="height:100%;"><input type="text" size="59" name="A13" value="" onkeypress="return VerifSaisieNombre(event,'+999 999 999'); " onblur="reinitNombre(event,'+999 999 999');VerifRegExp(this,'^^(\\+|\\-){0,1}(\\d|'+_WW_SEPMILLIER_+'){1,11}$'); " onfocus="var b=(this.value.length==0);initNombre(event,'+999 999 999');var s=this.value;if(b=(b&amp;&amp;(s.length>0)))this.value='';;if(b&amp;&amp;(this.value.length==0)){this.value=s;SetPositionCaret(this,0);} " id="A13" class="Edit A13 padding webdevclass-riche"></div></td></tr></tbody></table></td><td style=" width:558px; height:66px;border-collapse:separate; background-color:#ffffff;" id="Z0" class="l-30 Z0 valigntop"><table style=" width:557px;border-collapse:separate;">
<tbody><tr><td style=" width:0%; height:100%;"><table style=" width:100%; height:100%;"><tbody><tr><td style="height:100%;" id="lzA12" class="Simple padding webdevclass-riche">DESCRICAO_EPI</td></tr></tbody></table></td><td style=" width:100%;"><table style=" width:100%; height:100%;border-spacing:0;border-collapse:separate;border:0;outline:none;" id="bzA12"><tbody><tr><td style="border:none;height:100%;" id="tzA12" class="valignmiddle"><div style="height:100%;"><input type="text" size="39" maxlength="210" name="A12" value="" id="A12" class="Edit A12 padding webdevclass-riche"></div></td></tr></tbody></table></td></tr>
</tbody></table></td><td style=" width:404px; height:66px;border-collapse:separate; background-color:#ffffff;" id="Z0" class="l-33 Z0 valigntop"></td><td style="...

CSS

@media only screen and (max-width: 700px) {
  
 table{
    display: flex;
    flex-wrap: wrap;
 }
 tbody{
   display:contents;
 }
 tr{
     display:contents;
 }
  td{
     display:block;
     width:100%
   }
   th{
     display:block;
     width:100%
   }
 
}