See artikkel on masintõlke peegelartikkel, palun klõpsake siia, et hüpata algse artikli juurde.

Vaade: 15847|Vastuse: 0

[Bootstrap] Bootstrap Datatable on lihtne põhiline konfiguratsioon

[Kopeeri link]
Postitatud 02.11.2015 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // tabeli laius
  "sScrollXInner": "110%", //Tabeli sisu laius
  "bScrollCollapse": tõene, //Kui kuvatud andmed ei ole piisavalt suured, et toetada tabeli vaikekõrgust, kuvatakse vertikaalne kerimisriba ikkagi. (Vaikimisi on vale)
"bPaginate": tõene, //kas lehekülgede arv kuvatakse
  "bLengthChange": tõene, //Leheküljel kuvatavate kirjete arv
  "bFilter": true, //otsinguriba
  "bSort": tõene, //kas sorteerimisfunktsioon on toetatud
  "bInfo": tõene, //Kuvab tabeli infot
  "bAutoWidth": väär, //Adaptive width
  "aaSorting": [[1, "asc"]], //Sorteeri loend, esimene parameeter esindab massiivi (alates 0-st). 1 tähistab brauseri veergu. Teine parameeter on desc või asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible": tõene, //nähtamatu
          "bSearchable": väär, //osaleda otsingus
      },
      null,
      null
  ], // veeru seaded, tabelis on mitu veergu ja massiivis mitu elementi
   "bStateSave": true, //Salvesta olek küpsisele *************** on oluline, kui leht otsingu ajal värskendatakse, kaob otsing. Seda omadust saab vältida
  "sPaginationType": "full_numbers", //pagination, kaks stiili, full_numbers ja two_button (vaikimisi)
  "oLanguage": {
      "sLengthMenu": "Näita _MENU_ kirjeid lehekülje kohta",
      "sZeroRecords": "Vabandust, asjakohaseid andmeid ei saa pärida",
      "sInfo": "Hetkel kuvatakse _START_ kuni _END_ faili _TOTAL_ kirjete jaoks",
      "sInfoEmtpy": "Andmeid ei leitud",
      "sInfoFiltered": "Andmetabelis kokku _MAX_ kirjeid)",
      "sProcessing": "Laadin...",
      "sSearch": "otsing",
      "sUrl": "", //Multilingual configuration file, mis võimaldab panna oLanguage seaded txt-faili, nt Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "esimene lehekülg",
          "sPrevious": "Previous",
          "sNext": "Next",
          "sLast": "Viimane lehekülg"
      }
  }, //Mitmekeelne konfiguratsioon
"bJQueryUI": väär, //Sa võid lisada jqury kasutajaliidese teema, mis nõuab CSS-i lisamist
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 kirjet lehekülje kohta", "25 kirjet lehekülje kohta", "50 kirjet lehekülje kohta", "näita kõiki andmeid", "ei näita andmeid"]] // Sea rippmenüü kuvama kirjeid lehekülje kohta
    });
});
Kutsu vaikimisi seaded otse

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





Eelmine:C# genereerib juhuslikke arve
Järgmine:Jquery dataTable laadib dünaamiliselt andmeid ajax-päringute jaoks
Disclaimer:
Kõik Code Farmer Networki poolt avaldatud tarkvara, programmeerimismaterjalid või artiklid on mõeldud ainult õppimiseks ja uurimistööks; Ülaltoodud sisu ei tohi kasutada ärilistel ega ebaseaduslikel eesmärkidel, vastasel juhul kannavad kasutajad kõik tagajärjed. Selle saidi info pärineb internetist ning autoriõiguste vaidlused ei ole selle saidiga seotud. Ülaltoodud sisu tuleb oma arvutist täielikult kustutada 24 tunni jooksul pärast allalaadimist. Kui sulle programm meeldib, palun toeta originaaltarkvara, osta registreerimist ja saa paremaid ehtsaid teenuseid. Kui esineb rikkumist, palun võtke meiega ühendust e-posti teel.

Mail To:help@itsvse.com