Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Görünüm: 15847|Yanıt: 0

[Bootstrap] Bootstrap Datatable, basit bir temel yapılandırmadır

[Bağlantıyı kopyala]
Yayınlandı 2.11.2015 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "%100", // tablonun genişliği
  "sScrollXInner": "%110", //Tablonun içeriğinin genişliği
  "bScrollCollapse": doğru, //Gösterilen veri tablonun varsayılan yüksekliğini destekleyecek kadar büyük olmadığında, dikey kaydırma çubuğu hâlâ görüntülenir. (Varsayılan yanlış)
"bPaginate": doğru, //sayfalandırmanın gösterilip gösterilmediği
  "bLengthChange": doğru, //Sayfa başına görüntülenen kayıt sayısı
  "bFilter": doğru, /arama çubuğu
  "bSort": doğru, //sıralama fonksiyonunun desteklenip desteklenmediği
  "bInfo": doğru, //Tablo bilgisini gösterir
  "bAutoWidth": yanlış, //Adaptif genişlik
  "aaSorting": [[1, "asc"]], //Listeyi sıralayın, ilk parametre diziyi temsil eder (0'dan başlıyor). 1, Tarayıcı sütununu gösterir. İkinci parametre desc veya asc'dir
  "aoColumns": [
      Null,
      Null,
      {
          "bVisible": doğru, //görünmez
          "bSearchable": yanlış, //aramaya katılım
      },
      Null,
      null
  ], // sütun ayarları ile tabloda birkaç sütun var ve dizide birkaç öğe vardır
   "bStateSave": doğru, //Durumu çereze kaydet *************** önemlidir, sayfa yenilendiğinde arama kaybolur. Bu özellik önlenebilir
  "sPaginationType": "full_numbers", //pagination, iki stil, full_numbers ve two_button (varsayılan)
  "oLanguage": {
      "sLengthMenu": "Sayfa başına _MENU_ kayıtlarını göster",
      "sZeroRecords": "Üzgünüm, ilgili veri sorgulanamaz",
      "sInfo": "Şu anda _TOTAL_ kayıtlar için _START_ ile _END_ arasında görüntüleniyor",
      "sInfoEmtpy": "Veri bulunmadı",
      "sInfoFiltered": "Veri tablosunda toplam _MAX_ kayıt)",
      "sProcessing": "Yükleniyor...",
      "sSearch": "arama",
      "sUrl": "", //Çok dilli yapılandırma dosyası, bu da oLanguage ayarlarını txt dosyasına koymanızı sağlar, örneğin Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "ilk sayfa",
          "sPrevious": "Önceki",
          "sNext": "Next",
          "sLast": "Son Sayfa"
      }
  }, //Çok dilli yapılandırma
"bJQueryUI": yanlış, //jqury'nin arayüz temasını ekleyebilirsiniz CSS eklemek gerekir
       "aLengthMenu": [[10, 25, 50, -1, 0], ["sayfa başına 10 giriş", "sayfa başına 25 giriş", "sayfa başına 50 giriş", "tüm verileri göster", "veri gösterme"]] // Açılır menüyü sayfa başına kayıtları gösterecek şekilde ayarlayın
    });
});
Varsayılan ayarları doğrudan çağırın

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





Önceki:C# rastgele sayılar üretir
Önümüzdeki:Jquery dataTable ajax istekleri için veriyi dinamik yükler
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.

Mail To:help@itsvse.com