Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Utsikt: 15847|Svare: 0

[Bootstrap] Bootstrap Datatable er en enkel grunnleggende konfigurasjon

[Kopier lenke]
Publisert på 02.11.2015 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // bredden på tabellen
  "sScrollXInner": "110%", //Bredde på tabellens innhold
  "bScrollCollapse": true, //Når de viste dataene ikke er store nok til å støtte tabellens standardhøyde, vises fortsatt den vertikale rullelinjen. (Default er feil)
"bPaginate": sann, //om paginering vises
  "bLengthChange": true, //antall poster vist per side
  "bFilter": true, //søkefelt
  "bSort": true, //om sorteringsfunksjonen støttes
  "bInfo": true, //Viser tabellinformasjon
  "bAutoWidth": falsk, //Adaptiv bredde
  "aaSorting": [[1, "asc"]], //Sorter listen, den første parameteren representerer arrayet (starter fra 0). 1 indikerer nettleserkolonnen. Den andre parameteren er desc eller asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible": true, //invisible
          "bSøkbar": falsk, //delta i søket
      },
      null,
      null
  ], // kolonneinnstillinger, det er flere kolonner i tabellen, og det er flere elementer i arrayet
   "bStateSave": true, //Save state to cookie *************** er viktig, når siden oppdateres under søk, vil søket forsvinne. Denne egenskapen kan unngås
  "sPaginationType": "full_numbers", //pagination, to stiler, full_numbers og two_button (standard)
  "oLanguage": {
      "sLengthMenu": "Vis _MENU_ poster per side",
      "sZeroRecords": "Beklager, ingen relevante data kan spørres",
      "sInfo": "Viser for øyeblikket _START_ til _END_ for _TOTAL_ poster",
      "sInfoEmtpy": "Ingen data funnet",
      "sInfoFiltered": "Totalt _MAX_ poster i datatabellen)",
      "sProcessing": "Laster...",
      "sSearch": "search",
      "sUrl": "", //Flerspråklig konfigurasjonsfil, som lar deg legge oLanguage-innstillinger i en txt-fil, f.eks. Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "første side",
          "sForrige": "Forrige",
          "sNext": "Next",
          "sSLast": "Siste side"
      }
  }, //Flerspråklig konfigurasjon
"bJQueryUI": falsk, //Du kan legge til jqurys UI-tema krever at du legger til CSS
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 oppføringer per side", "25 oppføringer per side", "50 oppføringer per side", "vis all data", "vis ikke data"]] // Sett nedtrekksmenyen til å vise poster per side
    });
});
Kall standardinnstillingene direkte

$('#example').dataTable();





Foregående:C# genererer tilfeldige tall
Neste:Jquery dataTable laster dynamisk data for ajax-forespørsler
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.

Mail To:help@itsvse.com