Js Grid — установить цвет строки с помощью select?

Question

[imcole]

Добрый день!
Подскажите, пожалуйста, как изменить цвет строки таблицы при нужном значении в ячейке.
Кусок кода:

{
   {
    name: "first_name", 
    title: "Имя", 
    type: "text", 
    width: 150, 
    validate: "required"
      },
      {
    name: "last_name", 
    type: "text", 
    title: "Отвественный",
    width: 150, 
    validate: "required"
      },
       name: "gender", 
       title: "Статус",
       width: 50,
    type: "select", 
    items: [
     { Name: "", Id: '' },
     { Name: "Выполнено", Id: 'Выполнено',},
     { Name: "Приглашение отправлено", Id: 'Приглашение отправлено' }
    ],

Данные берутся из mysql. Таблица в три колонки, в последней колонке значение можно выбрать только одно из двух , Выполнено и Приглашение отправлено.
В какую сторону копать, чтобы когда селектор был на "Выполнено" вся строка таблицы меняла цвет?

Такое решение нашел тут, но оно, кажется, не работает.
omlin.blogspot.com/2014/10/jsgrid-highlight.html

Вот, что я имею ввиду. Чтобы те строки, у которых стоит Выполнено менялся цвет.

Answer 1

[xtress]

Ответ на ваш вопрос подозреваю будет крыться в использовании js-grid.com/docs/#rowclass , который принимает функцию, в которой можно будет назначить кастомный класс для нужных данных, а уже для этого класса прописать background-color: blue;
UPD:
https://stackoverflow.com/a/46561808

Comments

[xtress]

Ну, как раз часть в которой я говорил

уже для этого класса прописать background-color: blue;

И относится к записи в стили :)
т.е.
насколько я это вижу:
Надо чтобы ваша функция для rowClass возвращала для необходимых записей, к примеру класс higlight
А уже в css просто пропишите:

tr.highlight {
    background-color: вашЦвет;
}

[imcole]

xtress, да, я добавил это в CSS, Из изменил код под себя:

rowClass: function (item, itemIndex)
    {
     if ((item.gender == "Выполнено"))
     {
         return "totalItem highlight";
      }
    },

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

[xtress]

imcole, ну добавьте в вашу функцию console.log(item, itemIndex) в самом начале - и посмотрите что вообще туда приходит...

[imcole]

Никаких сообщений нет(

[xtress]

imcole, т.е в консоли вообще пусто?

[imcole]

да, вообще ничего. добавлял в другое место, получал:
(index):170 Uncaught ReferenceError: item is not defined
at (index):170