Выбранный цвет фона строки

Question

Я использую jqgrid с темой гладкости jquery-ui, к сожалению, с этой темой выбранный цвет фона строки слишком светлый, я пытаюсь изменить цвет фона, чтобы сделать его более заметнымЯ попытался изменить ui-state-highlight в css (с помощью! Важное переопределение), но это не работает.Есть ли способ сделать это с помощью CSS или, возможно, стоит использовать собственный форматтер jqgrid?

Answer 1

Класс ui-state-highlight использует атрибут background CSS.Поэтому небольшая хитрость заключается в использовании background вместо background-color для удаления фонового изображения.Например,

.ui-state-highlight { background: yellow !important; }

см. В прямом эфире здесь .

ОБНОВЛЕНО : использовать !important не обязательно.Для этого достаточно указать более конкретное правило, например

.ui-jqgrid-btable .ui-state-highlight { background: yellow; }

или

.ui-jqgrid .ui-state-highlight { background: yellow; }

Answer 2

jQuery('#jqGrid').find('.ui-state-highlight').css('background', 'skyblue');

Вы можете добавить это в свой файл jquery

Answer 3

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

В приведенном ниже примере данные для выделенных ячеек строки будут выделены желтым цветом, а данные для оставшихся ячеек строк - синим.color

Предположим, у нас есть два класса с именами "holdRow" для синего фона и "HighlightHoldRow" для фона желтого цвета, а затем с помощью приведенного ниже кода "RowSelect" - это метод, который вызывается при выборе строки,

Рассмотрим следующий код

   .holdRow td {
font-weight : bold !important;
color: Blue !important;
  }

   .higLightholdRow td {
font-weight : bold !important;
color: Yellow !important;

}

   var LastRowId = "";
    function RowSelect(id) {
if (Flag == "TRUE") {
    var grid = $('#gvName);
    if (LastRowId != "" && LastRowId != undefined && LastRowId != id) {
        tr = grid[0].rows.namedItem(LastRowId);
        $(tr).removeClass("higLightholdRow");
        $(tr).addClass("holdRow");
        LastRowId = "";
    }
    tr = grid[0].rows.namedItem(id);
    $(tr).removeClass("holdRow");
    $(tr).addClass("higLightholdRow");
    LastRowId = id;
    }

}

Во время объявления Tririd Grid мы можем вызвать это событие на стороне клиента, используя следующий loc.

   ClientSideEvents-RowSelect="RowSelect"

Метод RowSelect вызывается во время выбора строки, и выбранная строка будет иметь желтый цвет в качестве фона, а оставшиеся строки будут иметь синий цвет в качестве фона