vue.js ag-grid: как изменить цвет фона строки наведения мыши?

Question

Я использую ag-grid с vue.js и хотел бы изменить цвет фона при наведении курсора мыши.

Как я могу это сделать?

На данный момент вот что у меня есть:

<template>
  <ag-grid-vue
    class="ag-theme-material gray-border"
    domLayout="autoHeight"
:gridOptions="gridOptions"
></ag-grid-vue>
</template>

<style>
  .ag-row .ag-cell {
    display: flex;
    align-items: center;
  }

  .white-bg {
    background-color: #ffffff;
  }

  .light-bg {
    background-color: #fefefe;
  }

  .gray-border {
    border-color: lightgray;
    border-width: 1px;
    border-style: solid;
  }
</style>

export default class CashoutRecords extends Vue {

    gridOptions: GridOptions = {
        rowHeight: 45,
    };

    mounted() {
        this.gridOptions.getRowClass = (params: any) => {
            if (params.node.rowIndex % 2 === 0) {
                return "white-bg";
            } else {
                return "light-bg";
            }
        };
    }
}