Как манипулировать свойствами css в CellRenderer?

Question

У меня есть CellRenderer в моей таблице данных React:

class CellRenderer extends React.Component {
    getCellStyle = () => {
    let rowData = this.props.rowData
    let className = ''

    if(rowData.hasError){
    className = 'error_cell'
    } else {
     className = 'normal_cell'
    }
    return className
  }

  render() {
    return (
     <div><Cell {...this.props} className={this.getCellStyle()}/></div>
    );
  }
}

Класс CSS для erro_cell выглядит следующим образом:

.error_cell {
   color: red;
   border: 1px solid red;
}

Но, похоже, он переопределяетсяКласс CSS Data Grid по умолчанию, который является «response-grid-Cell» и результат не соответствует ожидаемому (только верхняя и левая линии границ становятся красными!).Я попытался изменить свойство "style" элемента dom, но компонент Cell не имеет реквизитов стиля.Есть ли другой способ заставить работать пользовательские стили?