2010-05-16 15 views
5

Belirli bir Javascript çağrısından sonra başlangıçta boş ve doldurulmuş bir veri tablom var. Veriler tabloya eklendikten sonra, tüm verileri sütunlardan birinde ortalamak istiyorum. Bu şekilde başlangıç ​​aşamasında bu belirten çalıştı: eklemeler tamamlandı sonra üçüncü sütundaJQuery Datatable Soru: Veri yerleştirildikten sonra sütun verileri ortalanıyor

dTable = $('#dt').datatable({ 'aoColumns': [ null, null, { "sClass" : "center" }] }); 

veri merkezli değildi.

dTable.fnSettings().aoColumns[2].sClass = "center"; 
dTable.fnDraw(); 

Bu da işe yaramadı: Ben eklemeleri sonra aoColumns değiştirerek ve aynı zamanda tablo yeniden çizilmesi çalıştı. Bu yüzden sorum, basitçe üçüncü sütundaki veriyi merkezileştirmek için veri tablosunu anlatmaktan nasıl vazgeçmeli?

Önerileriniz için şimdiden teşekkür ederiz.

Chris

+0

Neden CSS'yi kullanmıyorsunuz? – Mottie

+0

Hangi stillerin uygulandığını öğrenmek için tablo hücrelerini incelemek üzere Firebug'ı kullanmanızı öneririm. Belki bir şey geçersiz kılınır? – Favio

+0

@fudgey, başlangıçta da CSS kullanmayı denedim ama boşuna. Her satır eklediğimde, r dizisindeki verileri eklemek için dTable.fnAddRow (r) çağrısı kullanıyorum. Favio'nun önerdiği gibi Firebug'la bağlantı kurduğunuzda, tablo gövdesinin çeşitli eylemleri desteklemek için datatable eklentisi tarafından oluşturulan belirli bir yapıya sahip olduğunu görürsünüz. Yapıyı gördüklerimden ötürü verilen sorunu düzeltmek için CSS'yi kullanabilirim ama bu çok uzaktır. Daha iyi bir yol olmalı. – Chris

cevap

2

Ben doğru anlamak, masanız AJAX verilerinden çok kolonlu birden çok satır alır. Üçüncü sütun ortalanmalıdır. Eğer özelliklerini kullanarak beğenmediğiniz

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { //after AJAX completes 
    //fill the table. 
    $('#dt').children('tr').each(function(){ //for each row 
     $(this).children('td').eq(2).attr('align', 'center'); //center the third column. 
    }); 
    } 
}); 

Alternatif olarak, .attr(attributeName, value) kullanırken veya .css(propertyName, value) kullanarak stil özelliği ayarlayabilirsiniz veya .addClass() sahip bir sınıf ekleyin: Bu deneyin.

+0

Teşekkürler Bradley. Benzer bir şey yaptım ve verileri oluşturmadan önce tabloyu doldurmak için JQuery'ye geri döndük. Bu şekilde üçüncü sütundaki girişler için bir sınıf ekleyebilir ve CSS ile ortalayabilirim. Şimdi oluşturulduktan sonra veri tabanını güncelleme sorunları yaşıyorum. Daha fazla araştırma gerekli. – Chris

İlgili konular