Удалить detailPanel на основе условий вызывает отступы

Question

Все, я пытаюсь добавить detailPanel на основе условия, когда я скрываю это как пробел, это оставляет пробел Ссылка

И этот код работает нормально, когда я предоставляю detail panel

get rowDetailsPanel() {
const { detailPanel, classes } = this.props;
// @Workarround To Hide Details Panel In Case There is No Details Panels Provided
return [
  {
    tooltip: 'Show Name',
    disabled: !detailPanel,
    icon: () => <ChevronRightIcon className={!detailPanel && classes.displayNone}/>,
    render: rowData => detailPanel(rowData)
  },
];

}

Ссылка для работы detailPanel,

Так что я пытаюсь сделать, когда я прячусь detailPanel, я хочу удалить весь столбец

Любая подсказка будет оценена

Answer 1

Это должно работать:

get rowDetailsPanel() {
const { detailPanel, classes } = this.props;
// @Workarround To Hide Details Panel In Case There is No Details Panels Provided
return detailPanel ? [
  {
    tooltip: 'Show Name',
    disabled: !detailPanel,
    icon: () => <ChevronRightIcon className={!detailPanel && classes.displayNone}/>,
    render: rowData => detailPanel(rowData)
  },
] : undefined;