Вопрос с данными JQuery: центрирование данных столбца после вставки данных

Question

У меня есть таблица данных, которая изначально пуста и заполняется после определенного вызова Javascript. После того, как данные вставлены в таблицу, я бы хотел центрировать все данные в одном из столбцов. Я попытался указать это на этапе инициализации следующим образом:

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

Данные в третьем столбце не центрировались после завершения вставок. Я попытался изменить aoColumns после вставки и перерисовать таблицу:

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

Это тоже не сработало. Поэтому мой вопрос заключается в том, как мне просто сказать таблице данных центрировать данные в третьем столбце?

Заранее спасибо за ваши предложения.

Chris

Answer 1

Если я правильно вас понимаю, ваша таблица получает несколько строк с несколькими столбцами из данных AJAX. Третий столбец должен быть в центре. Попробуйте это:

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

В качестве альтернативы, если вам не нравится использование атрибутов, вы можете установить атрибут стиля, используя .attr (attributeName, value) или используя .css (propertyName, value) или добавьте класс с помощью .addClass () .