Как изменить цвет ячейки jqGrid?

Question

Я использую следующую строку в $ (документ) .ready (

$("#stSearchTermsGrid").setCell(2, 2, '', {color:'red'}) ; 

, но он не работает. Возможно, я пишу это в неправильном направлении или поместить его в неправильном месте.

Я знаю, что этот вопрос задавался не один раз, и вот как я получил первую строчку, но я все еще не в состоянии это сделать и не знаю, где проблема.

Answer 1

Вы правы, что вы не первый человек, который задает вопрос. Чтобы очистить ситуацию от цвета ячейки, я сделал the demo

для вас, изменяющие цвет текста ячейки или цвет фона продают по-разному:

loadComplete: function() { 
    // 2 is zero-base index of the column 'name' ('Client'). Every from the options 
    // multiselect:true, rownumbers:true and subGrid:true will increase 
    // the index by 1 because the option inserts additional columns 
    $("#6 td:eq(2)", grid[0]).css({color:'red'}); 

    grid.jqGrid('setCell',"12","name","",{color:'red'}); 
    grid.jqGrid('setCell',"10",'name', '', 'my-highlight'); 
    grid.jqGrid('setCell',"8",'name', '', 'ui-state-error ui-state-error-text'); 

    grid.jqGrid('setCell',"4","name","",{'background-color':'yellow', 
             'background-image':'none'}); 
    grid.jqGrid('setCell',"3","name","",'ui-state-highlight'); 
} 

где

<style type="text/css"> 
    .my-highlight { color: red; } 
</style> 

и "3", " 4 "," 6 "," 8 "," 10 "и" 12 "являются рядами строк, в которых цвет соответствующего столбца будет изменен.

К слову, мои личные фавориты - это способы использования классов «ui-state-highlight» или «ui-state-error ui-state-error-text», которые являются частью jQuery UI Themes.

ОБНОВЛЕНО: Для того, чтобы понять разницу в использовании разных методов в случае использования другой Темы JQuery UI я добавил one more demo используется La Frog Theme, где та же таблица, как и выше выглядеть следующим образом: