Pytanie JQuery Datatable: Centrowanie danych kolumn po wstawieniu danych

Question

Mam tabelę danych, która jest początkowo pusta i jest zapełniana po konkretnym wywołaniu JavaScript. Po wstawieniu danych do tabeli chciałbym wyśrodkować wszystkie dane w jednej z kolumn. Próbowałem określając to w kroku inicjalizacji w następujący sposób:

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

Dane w trzeciej kolumnie nie były wyśrodkowane po zakończeniu wstawiania. Próbowałem modyfikowania aoColumns po wstawkami i odświeżanie tabeli, a także:

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

to nie działało. Moje pytanie brzmi po prostu, jak powinienem powiedzieć tabeli danych, aby wyśrodkować dane w trzeciej kolumnie?

Z góry dziękujemy za sugestie.

Chris

Answer 1

Jeśli rozumiem zostanie poprawnie, tabela dostaje wiele wierszy z wielu kolumn z danymi AJAX. Trzecia kolumna powinna być wyśrodkowana. Spróbuj tego:

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

Ewentualnie, jeśli nie lubią za pomocą atrybutów, można ustawić atrybut stylu, przy użyciu .attr(attributeName, value) lub korzystając .css(propertyName, value) lub dodać klasę z .addClass().