Jquery Datatable

BeyDadaş · 29 Mayıs 2013

Veriler'i liselediğmi bir tabloyu Jquery ile datatable şeklinde göstereceğim nasıl yapabilirim . :confused1: :confused1: :confused1:

yunasyus · 29 Mayıs 2013

biraz daha açıklarsan ?

örnek olarak şöyle birşey var http://www.datatables.net/

BeyDadaş · 29 Mayıs 2013

Listelemek için yazdığım kod

Jquery de datatable yapmak için yazılan kod

Ekran çıktısı

Jquery ui kullanıyorum yaptığım sitede bir tabloyu datatable'a çeviricem fakat olmuyor bir eksikmi var bilen arkadaşlardan yardım istiyorum.

yunasyus · 29 Mayıs 2013

Css dosyaları eksik sanırım onları da yüklemen gerekir..?

BeyDadaş · 29 Mayıs 2013

Olmuyor hocam var bi bit kemiği ama bulamadım.

annttiigs · 30 Mayıs 2013

$('.oDers').dataTable() metodunu nerede yazdın koduna ?

Document Ready içinde yazmadıysan yazarak tekrar dene. Çünkü bazen siz table'den sonra da yazsanı js'i browser js'i daha önce çalıştırmaya uğraşıp sonuç olarak table olmadığından hata alıyor. Ayrıca chrome ve ya firefox'da ya da ie 10'da js console'e bakarak bir şeyler ters mi gidiyor diye incele.

daha önce çok kullandım bir sorun da yaşamadım dataTable ile.

annttiigs · 30 Mayıs 2013

sanırım hatanı buldum. dataTable plugin. thead ve tbody arıyor. Kodunu şu şekilde düzenlersen ve documentready'de datatable'i çağırırsan düzelecek diye düşünüyorum.

Kod:

<head>
.....
<script type="text/javascript" >
    $(document).ready(function() {
 
    $("<jquery selector>").dataTable( {
        "iDisplayLength": 20 //pagination yaparak bir seferde gösterilecek satır sayısını belirtiyor.
    });
  
    });
</script>
</head>

<table>
   <thead>
      <tr>  //buraya kolonlar kadar th koyman lazım. ... yerine de kolon adlarıç
         <th>....</th>
         <th>....</th>
         <th>....</th>
      </tr>
   </thead>
   <tbody>
    <?php
        while(......){
    ?>
    <tr> //buraya da yukarıdaki kadar th koyman gerekli yine. çektiğin datayı uygun şekilde yerleştirmen için.
       <th>....</th>
       <th>....</th>
       <th>....</th>
    </tr>
    <?php } ?>
   </tbody>
</table>

Jquery Datatable

BeyDadaş

Öğrenci

yunasyus

Profesör

BeyDadaş

Öğrenci

yunasyus

Profesör

BeyDadaş

Öğrenci

annttiigs

Profesör

annttiigs

Profesör

Benzer konular

SDN Haberleri

Son mesajlar

Forum istatistikleri

Sosyal ağlar