Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Melihat: 15847|Jawab: 0

[Bootstrap] Bootstrap Datatable adalah konfigurasi dasar yang sederhana

[Salin tautan]
Diposting pada 02/11/2015 16.47.09 | | | |


$(dokumen).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // lebar tabel
  "sScrollXInner": "110%", //Lebar isi tabel
  "bScrollCollapse": true, //Ketika data yang ditampilkan tidak cukup besar untuk mendukung tinggi default tabel, bilah gulir vertikal masih ditampilkan. (Defaultnya salah)
"bPaginate": true, //apakah penomoran halaman ditampilkan
  "bLengthChange": true, //Jumlah catatan yang ditampilkan per halaman
  "bFilter": true, //bilah pencarian
  "bSort": true, //apakah fungsi penyortiran didukung
  "bInfo": true, //Menampilkan informasi tabel
  "bAutoWidth": false, //Lebar adaptif
  "aaSorting": [[1, "asc"]], //Urutkan daftar, parameter pertama mewakili array (mulai dari 0). 1 menunjukkan kolom Browser. Parameter kedua adalah desc atau asc
  "aoColumns": [
      nol,
      nol,
      {
          "bVisible": true, //invisible
          "bSearchable": false, //participate dalam pencarian
      },
      nol,
      nol
  ], // pengaturan kolom, ada beberapa kolom dalam tabel, dan ada beberapa item dalam array
   "bStateSave": true, //Simpan status ke cookie *************** penting, ketika halaman disegarkan saat mencari, pencarian akan hilang. Properti ini dapat dihindari
  "sPaginationType": "full_numbers", //pagination, dua gaya, full_numbers dan two_button (default)
  "oBahasa": {
      "sLengthMenu": "Tampilkan catatan _MENU_ per halaman",
      "sZeroRecords": "Maaf, tidak ada data yang relevan yang dapat dikueri",
      "sInfo": "Saat ini menampilkan _START_ hingga _END_ untuk catatan _TOTAL_",
      "sInfoEmtpy": "Tidak ada data yang ditemukan",
      "sInfoFiltered": "Total catatan _MAX_ dalam tabel data)",
      "sProcessing": "Memuat...",
      "sSearch": "cari",
      "sUrl": "", //File konfigurasi multibahasa, yang memungkinkan Anda menempatkan pengaturan oLanguage dalam file txt, misalnya Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "halaman pertama",
          "sSebelumnya": "Sebelumnya",
          "sNext": "Berikutnya",
          "sLast": "Halaman Terakhir"
      }
  }, //Konfigurasi multibahasa
"bJQueryUI": false, //Anda dapat menambahkan tema UI jqury memerlukan penambahan CSS
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 entri per halaman", "25 entri per halaman", "50 entri per halaman", "tampilkan semua data", "jangan tampilkan data"]] // Atur menu tarik-turun untuk menampilkan catatan per halaman
    });
});
Panggil pengaturan default secara langsung

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





Mantan:C# menghasilkan angka acak
Depan:Jquery dataTable secara dinamis memuat data untuk permintaan ajax
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.

Mail To:help@itsvse.com