SORU
3 Mart 2009, Salı


jQuery DataTable: kontrol tablo genişliği

Bir sorun bir tablo genişliğini kontrol jQuery DataTable eklentisi kullanıyorum. Tablo kap genişliği 0 olması gerekiyordu, ama keyfi bir genişlik olmak biter, yerine daha kapsayıcı genişliğinden daha.

Öneri takdir

Tablo Açıklaması Bu gibi görünüyor

<table id="querytableDatasets" class="display" cellspacing="0"
cellpadding="3"     width="100%">

Ve javascript

jQuery('#tab-datasets').load('/cgi-bin/qryDatasets', '', function (){  
    jQuery('#querytableDatasets').dataTable({  
        "bPaginate": false,  
        "bInfo": false,  
        "bFilter": false  
    });  
});  `

Firebug HTML teftiş, bu gördüğünüz (not ekledi style="genişlik: 0px;")

<table id="querytableDatasets" class="display" cellspacing="0" 
cellpadding="3" width="100%" style="width: 0px;">

Styles Kundakçı arıyorsanız, tablo.görüntü stili kılınmış. Bu nereden geldiğini göremiyor

element.style {  
  width:0;}    

-- dataTables.css (line 84
table.display { 
  margin:0 auto;  
  width:100%;  
}

CEVAP
12 Mart 2009, PERŞEMBE


DataTable başlatmak iki değişken oynamak isteyeceksiniz: bAutoWidth aoColumns.sWidth

Yaptığınız 50px, 100, ve 120px 30px genişlikleri ile 4 sütun olduğunu varsayarsak:

jQuery('#querytableDatasets').dataTable({  
        "bPaginate": false,  
        "bInfo": false,  
        "bFilter": false,
        "bAutoWidth": false,
        "aoColumns" : [
            { sWidth: '50px' },
            { sWidth: '100px' },
            { sWidth: '120px' },
            { sWidth: '30px' }
        ]  
    });

DataTable başlatma hakkında daha fazla bilgi http://datatables.net/usage bulunabilir

Widhts bu ayar ve uygulama CSS arasındaki etkileşim dikkat edin. Bu nasıl görmek için denemeden önce mevcut CSS yorum.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Artorius FullPower

    Artorius Ful

    29 Temmuz 2007
  • jat4011

    jat4011

    16 EKİM 2010
  • The Weavers of Eternity Paracord Tutorials

    The Weavers

    1 Ocak 2014