Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Vista: 15847|Resposta: 0

[Bootstrap] Bootstrap Datatable é uma configuração básica simples

[Copiar link]
Publicado em 02/11/2015 16:47:09 | | | |


$(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();





Anterior:C# gera números aleatórios
Próximo:Jquery dataTable carrega dinamicamente os dados para requisições ajax
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.

Mail To:help@itsvse.com