$(document).ready(function() { $('#example').dataTable({ "sScrollX": "100%", // largura da tabela "sScrollXInner": "110%", //Largura do conteúdo da tabela "bScrollCollapse": verdadeiro, //Quando os dados exibidos não são grandes o suficiente para suportar a altura padrão da tabela, a barra de rolagem vertical ainda é exibida. (Padrão é falso) "bPaginate": verdadeiro, //se a paginação é exibida "bLengthChange": verdadeiro, //Número de registros exibidos por página "bFilter": true, /barra de busca "bSort": verdadeiro, //se a função de ordenação é suportada "bInfo": true, //Exibe informações da tabela "bAutoWidth": falso, //Largura adaptativa "aaSorting": [[1, "asc"]], //Ordenar a lista, o primeiro parâmetro representa o array (começando de 0). 1 indica a coluna Navegador. O segundo parâmetro é desc ou asc "aoColumns": [ nulo, nulo, { "bVisible": verdadeiro, //invisível "bSearchable": false, //participe da busca }, nulo, null ], // configurações de colunas, há várias colunas na tabela e vários itens no array "bStateSave": verdadeiro, //Save state para cookie *************** é importante, quando a página é atualizada durante a busca, a busca desaparece. Essa propriedade pode ser evitada "sPaginationType": "full_numbers", //pagination, dois estilos, full_numbers e two_button (padrão) "oLanguage": { "sLengthMenu": "Mostrar registros _MENU_ por página", "sZeroRecords": "Desculpe, nenhum dado relevante pode ser consultado", "sInfo": "Atualmente exibindo _START_ a _END_ para registros _TOTAIS_", "sInfoEmtpy": "Nenhum dado encontrado", "sInfoFiltered": "Um total de registros _MAX_ na tabela de dados)", "sProcessing": "Carregando...", "sSearch": "search", "sUrl": "", //Multilingual configuration file, que permite colocar configurações de oLanguage em um arquivo txt, por exemplo, Javascrip{filter}t/datatable/dtCH.txt "oPaginate": { "sFirst": "primeira página", "Anterior": "Anterior", "sNext": "Next", "sLast": "Última Página" } }, //Configuração multilíngue "bJQueryUI": false, //Você pode adicionar o tema da interface do jqury requer adicionar CSS "aLengthMenu": [[10, 25, 50, -1, 0], ["10 entradas por página", "25 entradas por página", "50 entradas por página", "mostrar todos os dados", "não mostrar dados"]] // Configure o menu suspenso para exibir registros por página }); }); Chame diretamente as configurações padrão
$('#example').dataTable();
|