Добавлен селектор: nth-child (2) для TD.

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

На данный момент я успешно обновил цвет всей строки, но я не могу изменить цвет только одной ячейки в строке.

Пожалуйста, смотрите прикрепленное изображение для текущего результата.

Вы можете видеть, как он меняет весь цвет строки, НО мне нужно только изменить цвет второго столбца.

вот мой код:

"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
            if(aData.statusCode == "FAILED"){
                $("td", nRow).css("background-color", "Red");
            }
            if(aData.statusCode == "RUNNING"){
                 $("td", nRow).css("background-color", "green");
            }
        }

Я использую версию DataTables 1.10.15

Ответы на вопрос(1)

Решение Вопроса

и он не работает должным образом.

Лучше добавить класс для конкретного TD:

"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
  if(aData.statusCode == "FAILED"){
    $("td:nth-child(2)", nRow).addClass("failed");
    $("td:nth-child(2)", nRow).removeClass("running");
  }
  if(aData.statusCode == "RUNNING"){
    $("td:nth-child(2)", nRow).removeClass("failed");
    $("td:nth-child(2)", nRow).addClass("running");
  }
}

CSS будет выглядеть так:

td.failed {
  background-color: red;
}
td.running {
  background-color: green;
}

редактировать

Добавлен селектор: nth-child (2) для TD.

Ваш ответ на вопрос