ответная-загрузочная таблица удалить / изменить стиль наведения для пользовательского стиля строки

Question

Я использовал пользовательский стиль строки для BootstrapTable, используя trClassName prop, а также я использовал hover prop.

При наведении курсора на свой пользовательский стиль (серый после проверки условия) стиль наведения переопределяет пользовательский стиль, и я не вижу серый фон.

Мне нужен собственный стиль, чтобыпоявляются в строках, удовлетворяющих условию, и сохраняют стиль наведения для других строк.

Класс компонента:

...

rowClassNameFormat = (row, rowIdx) => {
    return row.condition ? styles.table__body__row__suspended : styles.table__body__row;
};

render() {
    return (
        <BootstrapTable
            ...
            trClassName={this.rowClassNameFormat}
            hover
            ...
        >
            //...
        </BootstrapTable>
    );
}

Файл стилей:

.table__body__row {
}

.table__body__row__suspended {
    background-color: #c3c6cc;
}