Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Nézet: 15847|Válasz: 0

[Bootstrap] A Bootstrap Datatable egy egyszerű alapkonfiguráció

[Linket másol]
Közzétéve 2015. 11. 02. 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // a tábla szélessége
  "sScrollXInner": "110%", //A tábla tartalmának szélessége
  "bScrollCollapse": igaz, //Ha a megjelenített adat nem elég nagy a tábla alapértelmezett magasságának fenntartásához, a függőleges görgető sáv továbbra is megmutatik. (Az alapértelmezett hiba hamis)
"bPaginate": igaz, //ha az oldalozás megjeleníti
  "bLengthChange": true, //Oldalon megjelenített rekordok száma
  "bFilter": true, // keresősáv
  "bSort": igaz, //hogy a rendezési függvény támogatott-e
  "bInfo": true, //Megjeleníti a táblázat információt
  "bAutoWidth": hamis, //Adaptív szélesség
  "aaSorting": [[1, "asc"]], //Sortodni a listát, az első paraméter a tömböt jelöli (0-tól kezdve). 1 a böngésző oszlopot jelöli. A második paraméter a desc vagy asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible": igaz, //láthatatlan
          "bSearchable": hamis, //részt vesz a keresésben
      },
      null,
      null
  ], // oszlopbeállítások esetén több oszlop található a táblázatban, és több elem is található a tömbben
   "bStateSave": true, //Save state to cookie *************** fontos, amikor az oldal frissül kereséskor, a keresés eltűnik. Ez a tulajdonság elkerülhető
  "sPaginationType": "full_numbers", //pagination, két stílus, full_numbers és two_button (alapértelmezett)
  "oLanguage": {
      "sLengthMenu": "Oldalonként _MENU_ rekordokat mutass",
      "sZeroRecords": "Sajnálom, releváns adatokat nem lehet lekérdezni",
      "sInfo": "Jelenleg a _START_ és _END_ között jeleníti meg _TOTAL_ rekordokat",
      "sInfoEmtpy": "Nem talált adat",
      "sInfoFiltered": "Az adattáblában összesen _MAX_ rekordok)",
      "sProcessing": "Betöltés...",
      "sSearch": "keresés",
      "sUrl": "", //Multilingual konfigurációs fájl, amely lehetővé teszi, hogy oLanguage beállításokat txt fájlba helyezzünk, például Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "első oldal",
          "sPrevious": "Previous",
          "sNext": "Next",
          "sLast": "Utolsó oldal"
      }
  }, //Többnyelvű konfiguráció
"bJQueryUI": hamis, //Hozzáadhatod jqury UI témáját CSS hozzáadásával
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 bejegyzés oldalonként", "25 bejegyzés oldalonként", "50 bejegyzés oldalonként", "minden adat megmutatása", "nem mutat adatokat"]] // Állítsd be a legördülő menüt, hogy oldalonként rekordokat jelenítsen meg
    });
});
Hívd közvetlenül az alapértelmezett beállításokat

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





Előző:C# véletlenszámokat generál
Következő:Jquery dataTable dinamikusan tölti be az adatokat ajax kérésekhez
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.

Mail To:help@itsvse.com