Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Näkymä: 15847|Vastaus: 0

[Bootstrap] Bootstrap Datatable on yksinkertainen peruskonfiguraatio

[Kopioi linkki]
Julkaistu 2.11.2015 16.47.09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // taulukon leveys
  "sScrollXInner": "110%", //Taulukon sisällön leveys
  "bScrollCollapse": totta, //Kun näytetty data ei ole tarpeeksi suuri tukemaan taulukon oletuskorkeutta, pystysuora vierityspalkki näkyy silti. (Oletus on väärin)
"bPaginate": tosi, //näkyykö sivutus
  "bLengthChange": tosi, //Sivulla näytettyjen tietueiden määrä
  "bFilter": tosi, //hakupalkki
  "bSort": tosi, //onko lajittelutoiminto tuettu
  "bInfo": tosi, //Näyttää taulukkotiedot
  "bAutoWidth": väärin, //Adaptiivinen leveys
  "aaSorting": [[1, "asc"]], //Lajittele lista, ensimmäinen parametri edustaa taulukkoa (alkaen 0:sta). 1 tarkoittaa selain-sarakkeen. Toinen parametri on desc tai asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible": tosi, //invisible
          "bSearchable": väärin, //osallistu hakuun
      },
      null,
      null
  ], // sarakkeiden asetukset, taulukossa on useita sarakkeita, ja taulukossa on useita alkioita
   "bStateSave": true, //Tallenna tila evästeeseen *************** on tärkeä, kun sivu päivitetään haun yhteydessä, haku katoaa. Tämä ominaisuus voidaan välttää
  "sPaginationType": "full_numbers", //pagination, kaksi tyyliä, full_numbers ja two_button (oletus)
  "oLanguage": {
      "sLengthMenu": "Näytä _MENU_ tietueita per sivu",
      "sZeroRecords": "Valitettavasti asiaankuuluvaa dataa ei voida kysyä",
      "sInfo": "Tällä hetkellä näytetään _START_ to _END_ _TOTAL_ tietueille",
      "sInfoEmtpy": "Ei dataa löytynyt",
      "sInfoFiltered": "Yhteensä _MAX_ tietueita datataulukossa)",
      "sProcessing": "Ladataan...",
      "sSearch": "search",
      "sUrl": "", //Multilingual configuration file, jonka avulla voit laittaa oLanguage-asetukset txt-tiedostoon, esim. Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "ensimmäinen sivu",
          "sEdellinen": "Edellinen",
          "sNext": "Next",
          "sLast": "Viimeinen sivu"
      }
  }, //Monikielinen konfiguraatio
"bJQueryUI": väärin, //Voit lisätä jquryn käyttöliittymäteeman, joka vaatii CSS:n lisäämisen
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 merkintää per sivu", "25 merkintää per sivu", "50 merkintää per sivu", "näytä kaikki tiedot", "ei näytä dataa"]] // Aseta pudotusvalikko näyttämään tietueita per sivu
    });
});
Soita oletusasetuksista suoraan

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





Edellinen:C# tuottaa satunnaislukuja
Seuraava:Jquery dataTable lataa dataa dynaamisesti ajax-pyyntöjä varten
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.

Mail To:help@itsvse.com