Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Pogled: 15847|Odgovoriti: 0

[Bootstrap] Bootstrap Datatable je preprosta osnovna konfiguracija

[Kopiraj povezavo]
Objavljeno na 2. 11. 2015 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // širina tabele
  "sScrollXInner": "110%", //Širina vsebine tabele
  "bScrollCollapse": res, //Ko prikazani podatki niso dovolj veliki za privzeto višino tabele, je navpični drsnik še vedno prikazan. (Privzeto je napačno)
"bPaginate": resnično, //ali je prikazana paginacija
  "bLengthChange": resnično, //Število prikazanih zapisov na strani
  "bFilter": true, //iskalna vrstica
  "bSort": resnično, //ali je funkcija razporejanja podprta
  "bInfo": true, //Prikazuje informacije o tabeli
  "bAutoWidth": false, //Adaptive width
  "aaSorting": [[1, "asc"]], //Razvrsti seznam, prvi parameter predstavlja polje (začenši z 0). 1 označuje stolpec Brskalnik. Drugi parameter je desc ali asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible": resnično, //nevidno
          "bSearchable": false, //sodeluj v iskanju
      },
      null,
      null
  ], // nastavitve stolpcev, v tabeli je več stolpcev in več elementov v polju
   "bStateSave": resnično, //Shrani stanje v piškotek *************** je pomembno, ko se stran med iskanjem osveži, iskanje izgine. To lastnost se je mogoče izogniti
  "sPaginationType": "full_numbers", //paginacija, dva sloga, full_numbers in two_button (privzeto)
  "oLanguage": {
      "sLengthMenu": "Prikaži _MENU_ zapise na stran",
      "sZeroRecords": "Žal ni dovoljeno poizvedovati relevantnih podatkov",
      "sInfo": "Trenutno prikazuje _START_ do _END_ za _TOTAL_ zapise",
      "sInfoEmtpy": "Ni najdenih podatkov",
      "sInfoFiltered": "Skupaj _MAX_ zapisov v podatkovni tabeli)",
      "sProcessing": "Nalaganje...",
      "sSearch": "search",
      "sUrl": "", //Večjezična konfiguracijska datoteka, ki omogoča vnos nastavitev oLanguage v txt datoteko, npr. Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "prva stran",
          "Prejšnji": "Prejšnji",
          "sNext": "Next",
          "sLast": "Zadnja stran"
      }
  }, //Večjezična konfiguracija
"bJQueryUI": napačno, //Lahko dodaš jquryjevo UI temo, ki zahteva dodajanje CSS.
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 vnosov na stran", "25 vnosov na stran", "50 vnosov na stran", "prikaži vse podatke", "ne prikaži podatkov"]] // Nastavite spustni meni za prikaz zapisov na stran
    });
});
Pokliči privzete nastavitve neposredno

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





Prejšnji:C# generira naključna števila
Naslednji:Jquery dataTable dinamično nalaga podatke za ajax zahteve
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.

Mail To:help@itsvse.com