- {loading && (!!rows.length || alwaysShowBusyIndicator) && (
-
+ {header && (
+
+ {header}
+
)}
- {showOverlay && (
- <>
-
- {invalidTableA11yText}
-
-
- >
- )}
-
{extension}
}
+
-
-
- {headerGroups.map((headerGroup) => {
- let headerProps: Record = {};
- if (headerGroup.getHeaderGroupProps) {
- headerProps = headerGroup.getHeaderGroupProps();
- }
- return (
- tableRef.current && (
-
- )
- );
- })}
- {rows?.length === 0 && (
-
- {loading && !alwaysShowBusyIndicator ? (
-
- ) : (
-
- )}
-
+ {loading && (!!rows.length || alwaysShowBusyIndicator) && (
+
)}
- {rows?.length > 0 && tableRef.current && (
-
-
+
+ {invalidTableA11yText}
+
+
+ >
+ )}
+
+
+
+ {headerGroups.map((headerGroup) => {
+ let headerProps: Record
= {};
+ if (headerGroup.getHeaderGroupProps) {
+ headerProps = headerGroup.getHeaderGroupProps();
+ }
+ return (
+ tableRef.current && (
+
+ )
+ );
+ })}
+ {rows?.length === 0 && (
+
+ {loading && !alwaysShowBusyIndicator ? (
+
+ ) : (
+
+ )}
+
+ )}
+ {rows?.length > 0 && tableRef.current && (
+
-
+ rows={rows}
+ handleExternalScroll={onTableScroll}
+ visibleRows={internalVisibleRowCount}
+ isGrouped={isGrouped}
+ isFirefox={isFirefox}
+ >
+
+
+ )}
+
+ {!isFirefox && (additionalEmptyRowsCount || tableState.isScrollable) && (
+
)}
-
- {!isFirefox && (additionalEmptyRowsCount || tableState.isScrollable) && (
-