JQuery Datatable Frage: Zentrieren von Spaltendaten nach dem Einfügen von Daten

Question

Ich habe eine Datentabelle, die anfänglich leer ist und nach einem bestimmten JavaScript-Aufruf gefüllt wird. Nachdem die Daten in die Tabelle eingefügt wurden, möchte ich alle Daten in einer der Spalten zentrieren. Ich habe versucht, auf diese Weise das bei der Initialisierung Schritt festgelegt wird:

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

Die Daten in der dritten Spalte wurde nicht zentriert, nachdem die Einfügungen abgeschlossen waren. Ich habe versucht, aoColumns nach den Einfügungen und Nachziehen der Tabelle als auch modifiziert:

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

Dies hat nicht funktioniert entweder. Also meine Frage ist einfach, wie ich gehen soll, um die Datentabelle zu zentrieren, um die Daten in der dritten Spalte zu zentrieren?

Vielen Dank im Voraus für Ihre Vorschläge.

Chris

Answer 1

Wenn ich Sie richtig verstehe, Ihre Tabelle mehrere Zeilen mit mehreren Spalten von AJAX Daten erhält. Die dritte Spalte sollte zentriert sein. Probieren Sie dies aus:

$.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. 
    }); 
    } 
}); 

Alternativ, wenn Sie nicht wie die Attribute verwenden, können Sie das Stil-Attribut .attr(attributeName, value) mit einstellen könnten oder mit .css(propertyName, value) oder einer Klasse hinzufügen, mit .addClass().