Skip to main content

Como remover os botões de editar e remover de cada linha de uma tabela filha e também o botão de adicionar um novo registro filho

Para remover o botão de adicionar novo registro na tabela filha

 

Javascript: No form pai, coloque o código javacript abaixo, trocando o id do botão de adicionar da tabela filha que gostaria de remover

$(document).on("ready", function () {

    //troca o id abaixo pelo id do botão que de adicionar form filho
    $("#btn-formulario-relacionado-3240ec20-313b-921e-c587-ea979a720690").remove();

});

Css: esconda o botão visualmente


No exemplo abaixo forçamos via css que o botão nem seja apresentado, caso o script javascript nao rode à tempo

#btn-formulario-relacionado-3240ec20-313b-921e-c587-ea979a720690{
    display: none;
}

Para Remover o editar e remover de cada linha da tabela filha:

 

Javascript: No form pai, coloque o código javacript abaixo, trocando o Id para o id da tabela filha que gostaria de remover os actions buttons

//remover os actions da table filha só por  garantia
$('#trocar_aqui_para_o_guid_tabela_filha').on('data-loaded', function (e, result_json) {

    $('.grid-result .action-buttons').remove();


});

Css: Deixe visualmente a coluna onde os actions buttons eram apresentados menores


No exemplo abaixo colocamos uma largura de 30px para qualquer tabela de formulário filho e também forçamos via css que os actions buttons nem seja apresentados, caso o script javascript nao rode à tempo

.grid-result .action-buttons {
    display: none !important;
}

.grid-result  colgroup col:first-child {
    width: 30px !important;
}