Удалить нижнюю границу для ячеек в определенном столбце c

Question

Есть ли способ удалить разделитель строк для указанного c столбца. Я попытался переопределить стили по умолчанию, написав как css mixin, как показано ниже:

    .ag-theme-balham-custom {
       @include ag-theme-balham(
        (
          row-border-color: null,
        // row-border-color: blue,
        )
       );
     }

Он работает, но, очевидно, удаляет разделитель для всех строк сетки. Что мне нужно добиться, так это то, что если есть 10 столбцов, разделитель строк (нижняя граница) строк 9-го и 10-го столбца должен быть скрыт по умолчанию, и он должен появляться только тогда, когда заголовок соответствующего столбца зависает.

Как выделено на изображении, разделитель строк должен быть скрыт для столбца Test, и он должен появляться только при наведении курсора на заголовок столбца Test.

Answer 1

Вы можете сделать это, добавив правило класса ячейки к указанному столбцу c в столбце columnDefs, т.е.

  {
    field: 'yourField',
    cellClassRules: { 'no-border-cell' },
  }

Вы даже можете применить класс, когда ваша ячейка, например,

cellClassRules: { 'no-border-cell': ({ data }) => data.fieldValue === 'a' }

Для границы строки вы можете использовать getRowStyle в своих gridOptions, т.е.

gridOptions.getRowStyle(params) {
    if (params.data.myColumnToCheck === myValueToCheck) {
        return {'border': 'none'}
    }
    return null;
}