# 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

```javascript
$(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

```javascript
#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

```javascript
//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

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

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