Fixed #1762 - DataTable hide expander when there are no children rows

primefaces · Jan 28, 2021 · 080abdc · 080abdc
1 parent 570bade
commit 080abdc
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/datatable/BodyCell.js b/src/components/datatable/BodyCell.js
@@ -176,13 +176,24 @@ export class BodyCell extends Component {
                             });
 
         if (this.props.expander) {
-            let iconClassName = classNames('p-row-toggler-icon pi pi-fw p-clickable', {'pi-chevron-down': this.props.expanded, 'pi-chevron-right': !this.props.expanded});
+            const iconClassName = classNames('p-row-toggler-icon pi pi-fw p-clickable', {'pi-chevron-down': this.props.expanded, 'pi-chevron-right': !this.props.expanded});
             content = (
                 <button type="button" onClick={this.onExpanderClick} className="p-row-toggler p-link">
                     <span className={iconClassName}></span>
                     <Ripple />
                 </button>
             );
+
+            if (this.props.body) {
+                const expanderProps = {
+                    onClick: this.onExpanderClick,
+                    className: "p-row-toggler p-link",
+                    iconClassName,
+                    defaultElement: content
+                };
+
+                content = this.props.body(this.props.rowData, { ...this.props, ...{expander: expanderProps} });
+            }
         }
         else if (this.props.selectionMode) {
             let showSelection = true;