У меня есть сетка ag, и я хочу раскрасить только некоторые номера строк. Например, после обработки я обнаружил, что мне нужно раскрасить ТОЛЬКО строки №1, 4 и 5.
Я пробовал использовать функцию ag-grid getRowStyle, но тщетно
gridOptions.getRowStyle = function(params) {
if (params.node.rowIndex % 2 === 0) {
return { background: 'red' }
}
}
Вот код прямо из документации
Если нужно раскрасить только несколько рядов. Вам нужно знать, какие строки нужно раскрасить. Я предполагаю, что у вас есть для этого состояние. Может быть, переменная с именем indices?
indices: Array<number> = [1,4,5]; // color these rows
gridOptions.getRowStyle = (params) => { // should use params, not indices in the first braces. Binds the component to this. Can use indices in the function now
if (this.indices.includes(params.node.rowIndex)) {
return { background: 'red' }
}
}
Если вам нужна дополнительная помощь, вы должны быть более конкретными. Я не знаю, что не работает.
Вот Plunkr с примером. Я не уверен, как вы все настроили в своем проекте, но вы, вероятно, можете получить некоторые идеи о том, как изменить свой код, чтобы он соответствовал примеру, который я скорректировал из документации ag-grid. Надеюсь, пример поможет
this указывает на gridOptions вместо вашего класса. Я обновил свой ответ, изменив способ вызова функции, привязав к нему ваш компонент, а не gridOptions.
- person John; 18.07.2019
getRowStyles = (indices) => {} на самом деле должен быть getRowStyles = (params) => {}. Я обновил свой ответ и добавил plunkr
- person John; 22.07.2019
Можете ли вы попробовать это, так как вы хотите выделить строки на основе вашей обработки строк, поэтому следует установить некоторые правила, как показано ниже, и выделить строки
gridOptions.rowClassRules: {
// apply green to 2008
'rag-green-outer': function(params) { return params.data.year === 2008},
// apply amber 2004
'rag-amber-outer': function(params) { return params.data.year === 2004},
// apply red to 2000
'rag-red-outer': function(params) { return params.data.year === 2000}
}
таким образом вы можете раскрасить строку в соответствии с вашими критериями. Это взято только из веб-портала agird.
