Изменение стиля и/или условного стиля кнопки выбора

Question

Я хотел бы спросить вас, это какой-либо способ добавить пользовательский стиль к кнопке выбора (ячейка?) Мне нужно установить, например, красный цвет для одной ячейки, желтый цвет для еще одна ячейка.

Можно удалить контрольную картинку с этой кнопки выбора и заменить ее на стандартный флажок?

я имею в виду это (кнопки оригинальный выбор):

, и я хотел бы изменить, как это (ожидаемые кнопки выбора):

Answer 1

<style> 
    .ui-grid-row > [ui-grid-row] .ui-grid-disable-selection { 
     background-color: yellow; 
    } 
    .ui-grid-row.ui-grid-row-selected > [ui-grid-row] .ui-grid-disable-selection { 
     background-color: red; 
    } 
</style> 

Чтобы изменить значок, который вам нужно добавить icon font. Шрифт UI Grid по умолчанию не установлен. Затем вы можете сделать что-то вроде этого:

.ui-grid-icon-ok:before { 
    content: '\f096'; 
    font-family: FontAwesome; 
} 

Примечание: Я использовал документ инспектор моего браузера, чтобы определить эти селекторы (F12 в Windows). Вам также следует ознакомиться с этим инструментом.