Domanda Jable Datable: centrare i dati della colonna dopo l'inserimento dei dati

Question

Ho una tabella dati che è inizialmente vuota e viene popolata dopo una particolare chiamata Javascript. Dopo che i dati sono stati inseriti nella tabella, vorrei centrare tutti i dati in una delle colonne. Ho provato specificare questo nella fase di inizializzazione in questo modo:

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

I dati nella terza colonna non ha centrato dopo gli inserimenti erano completi. Ho provato modificando aoColumns dopo le inserzioni e ridisegnare la tabella così:

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

Questo non ha funzionato neanche. Quindi la mia domanda è semplicemente come dovrei andare a dire alla tabella dei dati per centrare i dati nella terza colonna?

Grazie in anticipo per i vostri suggerimenti.

Chris

Answer 1

Se ho capito bene, la vostra tavola diventa più righe con più colonne di dati AJAX. La terza colonna dovrebbe essere centrata. Prova questo:

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

In alternativa, se non vi piace usando gli attributi, è possibile impostare l'attributo di stile utilizzando .attr(attributeName, value) o utilizzando .css(propertyName, value), o aggiungere una classe con .addClass().