Boa tarde!
Eu utilizo algumas classes customizadas para fazer isso conforme exemplo abaixo:
No displayFields:
// esconde os campos referentes ao setor de contabilidade
function escondeCamposContabilidade(){
customHTML.append("<script>");
customHTML.append("$(document).ready(function(){ ");
customHTML.append(" $('.camposContabilidade').hide();");
customHTML.append(" });");
customHTML.append("</script>");
var msg = "Campos da contabilidade escondidos";
geraLog("aviso", msg);
}
Na minha table, eu deixo todos os campos que quero esconder com essa classe, inclusive as thead...
nas thead:
<!-- Campos Contabilidade -->
<th class="camposContabilidade colorHead" style="text-align: center;border-color: #fff; padding-left: 50px; padding-right: 50px;" >
Conta Contábil
</th>
<th class="camposContabilidade colorHead" style="text-align: center;border-color: #fff; padding-left: 50px; padding-right: 50px;" >
Item Contábil
</th>
<th class="camposContabilidade colorHead" style="text-align: center;border-color: #fff; padding-left: 40px; padding-right: 40px;" >
Necessita PayBack
</th>
<th class="camposContabilidade colorHead" style="text-align: center;border-color: #fff; padding-left: 50px; padding-right: 50px;" >
Código PayBack
</th>
<!-- / Campos Contabilidade -->
nas
<!-- Campos Contabilidade -->
<td class="camposContabilidade col-sm-3">
<input type="text" class="form-control input-sm conContaContabil" name="conContaContabil" id="conContaContabil" style="margin-top: 15px; margin-left:5px; " />
<input type="hidden" class="form-control input-sm conCodContaContabil" name="conCodContaContabil" id="conCodContaContabil" style="margin-top: 15px; margin-left:5px; " />
</td>
<td class="camposContabilidade col-sm-3">
<input type="text" class="form-control input-sm conItemContabil" name="conItemContabil" id="conItemContabil" style="margin-top: 15px; margin-left:5px; " />
<input type="hidden" class="form-control input-sm conCodItemContabil" name="conCodItemContabil" id="conCodItemContabil" style="margin-top: 15px; margin-left:5px; " />
</td>
<td class="camposContabilidade col-sm-2">
<select class="form-control input-sm conSlNecessitaPayBack" name="conSlNecessitaPayBack" id="conSlNecessitaPayBack" style="margin-top: 15px; margin-left:5px; ">
<option value="">Selecione...</option>
<option value="1">Sim</option>
<option value="0">Não</option>
</select>
</td>
<td class="camposContabilidade col-sm-2">
<input type="text" name="conPayBack" id="conPayBack" class="form-control input-sm conPayBack" style="margin-top: 15px; margin-left:5px; ">
<input type="hidden" name="conCodPayBack" id="conCodPayBack" class="form-control input-sm conCodPayBack" minlength="5" maxlength="5" style="margin-top: 15px; margin-left:5px; ">
</td>
<!-- /Campos Contabilidade -->
Espero ter ajudado! Qualquer dúvida, é só falar! :)
