Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 15847|Odpowiedź: 0

[Bootstrap] Bootstrap Datatable to prosta, podstawowa konfiguracja

[Skopiuj link]
Opublikowano 02.11.2015 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // szerokość tabeli
  "sScrollXInner": "110%", //Szerokość zawartości tabeli
  "bScrollCollapse": true, //Gdy wyświetlane dane nie są wystarczająco duże, by utrzymać domyślną wysokość tabeli, pionowy pasek przewijania nadal jest wyświetlany. (Domyślnie to fałszywe)
"bPaginate": prawdziwe, //czy wyświetlana jest paginacja
  "bLengthChange": true, //Liczba wyświetlanych rekordów na stronie
  "bFilter": true, //pasek wyszukiwania
  "bSort": true, //czy funkcja sortowania jest obsługiwana
  "bInfo": prawdziwe, //Wyświetla informacje o tabeli
  "bAutoWidth": false, //Adaptive width
  "aaSorting": [[1, "asc"]], //Sortuj listę, pierwszy parametr reprezentuje tablicę (zaczynając od 0). 1 oznacza kolumnę Przeglądarka. Drugi parametr to desc lub asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible": prawdziwe, //niewidzialne
          "bSearchable": false, //uczestnicz w wyszukiwaniu
      },
      null,
      null
  ], // ustawienia kolumn, w tabeli jest kilka kolumn, a w tablicy jest kilka elementów
   "bStateSave": prawda, //Zapisz stan do ciasteczka *************** jest ważny, gdy strona zostanie odświeżona podczas wyszukiwania, wyszukiwanie znika. Można uniknąć tej właściwości
  "sPaginationType": "full_numbers", //paginacja, dwa style, full_numbers i two_button (domyślnie)
  "oLanguage": {
      "sLengthMenu": "Pokaż _MENU_ rekordy na stronę",
      "sZeroRecords": "Przepraszamy, nie można zapytać o istotne dane",
      "sInfo": "Obecnie wyświetla _START_ do _END_ dla _TOTAL_ rekordów",
      "sInfoEmtpy": "Brak danych znalezionych",
      "sInfoFiltered": "Łącznie _MAX_ rekordów w tabeli danych)",
      "sProcessing": "Ładowanie...",
      "sSearch": "search",
      "sUrl": "", //Wielojęzyczny plik konfiguracyjny, który pozwala umieścić ustawienia oLanguage w pliku txt, np. Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "pierwsza strona",
          "sPrevious": "Previous",
          "sNext": "Next",
          "sLast": "Last Page"
      }
  }, //Konfiguracja wielojęzyczna
"bJQueryUI": nieprawda, //Możesz dodać motyw UI jqury wymaga dodania CSS
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 wpisów na stronę", "25 wpisów na stronę", "50 wpisów na stronę", "pokaż wszystkie dane", "nie pokazuj danych"]] // Ustaw menu rozwijane tak, aby wyświetlało rekordy na stronę
    });
});
Bezpośrednio wywołaj ustawienia domyślne

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





Poprzedni:C# generuje liczby losowe
Następny:Jquery dataTable dynamicznie ładuje dane dla zapytań ajax
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com