2

Gostaria de um auxílio no meu problema. Gostaria de saber se há a possibilidade de iniciar o datatables com o campo search já preenchido com um valor default. Tentei da seguinte maneira.

$(document).ready(function(){
 $('input[type="search"').val('valor_default');
$('#table').DataTable();
});

Dessa maneira não funciona. Se puderem ajudar ou tiver alguma luz agradeço.

2
  • Acredito que a ordem do codigo ai deve ser primeiro o data table, e depois o preenchimento. Commented 7/03/2019 às 14:36
  • @RobsonBraga verdade, vou testar Commented 7/03/2019 às 14:50

1 Resposta 1

1

Além do que o @Robson Braga comentou (primeiro iniciar o componente), é preciso chamar duas ações da API do componente: .search() e .draw(), senão você apenas irá colocar um valor no input "search" sem filtrar a tabela.

Ficaria assim:

$(document).ready( function () {
    var table = $('#myTable').DataTable();
    var valor_padrao = 'Data 3';
    $('input[type="search"').val(valor_padrao);
    table.search(valor_padrao).draw();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

<table id="myTable" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 3</td>
        </tr>
    </tbody>
</table>

1
  • isso ai vlw pela ajuda Commented 7/03/2019 às 14:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .