Skip to main content

Como remover os botões de ação de cada linha de uma tabela filha

 

EventoNo before-data-loadform quepai, ocorrecoloque anteso decódigo carragarjavacript osabaixo, dadostrocando nao Id para o id da tabela filha que gostaria de remover os actions buttons

//escutando o evento pós carregamento: before-data-load
//remover os botões de actions da table filha com id 3240ec20-313b-921e-c587-ea979a720690 por  exemplogarantia
$('#3240ec20-313b-921e-c587-ea979a720690').on('before-data-load', function (e) {


  console.log("evento que ocorre antes de carregar a tabela, before-data-load);

});

 

Evento data-loaded que ocorre antes de carragar os dados na tabela filha

//escutando o evento pós carregamento: data-loaded
//remover os botões de actions da table filha com id 3240ec20-313b-921e-c587-ea979a720690 por exemplo
$('#3240ec20-313b-921e-c587-ea979a720690'#trocar_aqui_para_o_guid_tabela_filha').on('data-loaded', function (e, result_json) {

  console.log("evento que ocorre depois de carregar a tabela, data-loaded);

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


});

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;
}