Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Vedere: 15847|Răspunde: 0

[Bootstrap] Bootstrap Datatable este o configurație simplă de bază

[Copiază linkul]
Postat pe 02.11.2015 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // lățimea tabelului
  "sScrollXInner": "110%", //Lățimea conținutului tabelului
  "bScrollCollapse": adevărat, //Când datele afișate nu sunt suficient de mari pentru a susține înălțimea implicită a tabelului, bara verticală de derulare este totuși afișată. (Implicitul este fals)
"bPaginate": adevărat, //dacă paginația este afișată
  "bLengthChange": adevărat, //Numărul de înregistrări afișate pe pagină
  "bFilter": true, //bara de căutare
  "bSort": adevărat, //dacă funcția de sortare este suportată
  "bInfo": adevărat, //Afișează informații din tabel
  "bAutoWidth": false, //Lățime adaptivă
  "aaSorting": [[1, "asc"]], //Sortează lista, primul parametru reprezintă tabloul (începând de la 0). 1 indică coloana Browser. Al doilea parametru este desc sau asc
  "aoColumns": [
      nul,
      nul,
      {
          "bVizibil": adevărat, //invizibil
          "bSearchable": false, //participă la căutare
      },
      nul,
      null
  ], // Setări de coloană, există mai multe coloane în tabel și mai multe elemente în tablou
   "bStateSave": adevărat, //Save state în cookie *************** este important, când pagina este reîmprospătată în timpul căutării, căutarea va dispărea. Această proprietate poate fi evitată
  "sPaginationType": "full_numbers", //pagination, două stiluri, full_numbers și two_button (implicit)
  "oLanguage": {
      "sLengthMenu": "Afișează înregistrări _MENU_ pe pagină",
      "sZeroRecords": "Ne pare rău, nu se pot interoga date relevante",
      "sInfo": "În prezent afișează _START_ către _END_ pentru înregistrările _TOTAL_",
      "sInfoEmtpy": "Nicio dată găsită",
      "sInfoFiltered": "Un total de înregistrări _MAX_ în tabelul de date)",
      "sProcessing": "Încărcare...",
      "sSearch": "search",
      "sUrl": "", //Multilingual configuration file, care îți permite să pui setările oLanguage într-un fișier txt, de exemplu Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "prima pagină",
          "Anterior": "Anterior",
          "sNext": "Next",
          "sLast": "Ultima pagină"
      }
  }, //Configurație multilingvă
"bJQueryUI": false, //Poți adăuga tema UI a lui jqury care necesită adăugarea de CSS
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 intrări pe pagină", "25 intrări pe pagină", "50 intrări pe pagină", "afișează toate datele", "nu afișează date"]] // Setează meniul derulant să afișeze înregistrările pe pagină
    });
});
Sună direct la setările implicite

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





Precedent:C# generează numere aleatoare
Următor:Jquery dataTable încarcă dinamic datele pentru cererile ajax
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.

Mail To:help@itsvse.com