Скрытие или удаление сокращенного значка [+] для rowGroup на основе условия в ag-grid

Question

Мы используем ag-grid-enterprise 13.1.0.

У нас есть родительские и дочерние строки (раскрываются при нажатии на символ "+" в родительской строке).

Когда нет данных для дочерних строк, они отображаются как пустые строки. В этом случае я хотел бы скрыть / удалить значок +, чтобы пользователь не развернулся, чтобы увидеть пустую дочернюю строку.

Не могли бы вы сообщить нам, если это возможно, или любое другое подходящее решение.

Answer 1

Я добился этого с помощью свойства rowClassRules. Ниже приведен фрагмент кода:

rowClassRules = {
        "manualExpand": function(params) {
          if(params.node.field === 'outageName' && params.node.expanded === false) {
            var expandFlag = checkForEmptySevone(params.node)
            return expandFlag;
          }
        },

        "expandAll": function(params) {
          if (params.node.field === 'outageName' && params.node.expanded === true) {
            var expandAllFlag = checkForEmptySevone(params.node)
            return expandAllFlag;
          }
        }
      },

      checkForEmptySevone = (node) => {
        var rowData = node.childrenAfterGroup[0].data;
        if(rowData.get('SEVONE_ID') === ' ' || rowData.get('SEVONE_ID') === '' || 
          rowData.get('SEVONE_ID') === undefined || rowData.get('SEVONE_ID') === null) {
          return true
        } else {
          return false
        }
      }

**Below is the css:**
.manualExpand  .ag-icon-expanded {
    display: none !important;
}

.manualExpand  .ag-group-value {
    padding-left: 16px !important;
}

.manualExpand  .ag-icon-contracted {
    display: none !important;
}

.expandAll  .ag-icon-expanded {
    display: none !important;
}

.expandAll  .ag-group-value {
    padding-left: 16px !important;
}

.expandAll  .ag-icon-contracted {
    display: none !important;
}

.expandAll + div {
    background-color: black;
    display: none ! important;
}