Каждый ряд должен быть в разных цветах в JQuery Datatable

Question

У меня есть требование отображать каждую строку jquery datatable другим цветом. Например: если набор данных содержит 20 записей. 20 записей для отображения в другом цвете. Пожалуйста, помогите мне .....

Answer 1

Чтобы расширить ответ DKSan (и с предположением, что его код работает!), Добавьте случайную генерацию в fnRowCallback, который является доступным параметром инициализации DataTables:

// you don't have to pass everything in if all you're using is nRow
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
  var randomColor = '#'+(Math.random()*0xFFFFFF<<0).toString(16));
  $(nRow).css('background-color', randomColor);

  return nRow;
}

Есть целая куча вещей, которые вы могли бы сделать вместо использования совершенно случайных цветов. Если вы сделаете массив доступных цветов (скажем, 20), вы можете увеличить индексную переменную (с областью действия вне fnRowCallback) и циклически проходить. Или вы можете просто нарисовать случайный цвет из вашего набора доступных цветов с помощью своего рода теста «нет двух подряд».

Answer 2

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

'#'+(Math.random()*0xFFFFFF<<0).toString(16))

Чтобы убедиться на 100%, сохраните сгенерированные строки в массиве и протестируйте каждое новое создание на соответствиекаждый элемент в массиве перед добавлением