Fix empty insertion in horizontal headers

Refs: #6890
public-ui · Nov 21, 2024 · f5f4839 · f5f4839
1 parent 56fd05c
commit f5f4839
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/packages/components/src/components/table-stateless/component.tsx b/packages/components/src/components/table-stateless/component.tsx
@@ -300,16 +300,15 @@ export class KolTableStateless implements TableStatelessAPI {
 		headers.vertical.forEach((_row, index) => {
 			rowCount[index] = 0;
 			rowSpans[index] = [];
-			Array.isArray(headers.horizontal) &&
-				headers.horizontal.forEach((row) => {
-					row.unshift({
-						label: '',
-						asTd: true,
-						colSpan: 1,
-						rowSpan: 1,
-					});
-				});
 		});
+		if (Array.isArray(headers.vertical) && headers.vertical.length > 0 && Array.isArray(headers.horizontal) && headers.horizontal[0][0]?.label !== '') {
+			headers.horizontal[0].unshift({
+				label: '',
+				asTd: true,
+				colSpan: 1,
+				rowSpan: 1,
+			});
+		}
 
 		for (let i = startRow; i < maxRows; i++) {
 			const dataRow: KoliBriTableHeaderCellWithLogic[] = [];

diff --git a/packages/samples/react/src/components/table/interactive-child-elements.tsx b/packages/samples/react/src/components/table/interactive-child-elements.tsx
@@ -49,7 +49,6 @@ export const InteractiveChildElements: FC = () => (
 				_headerCells={{
 					horizontal: [
 						[
-							{ label: '', asTd: true, width: '20ex' },
 							getButtonHeaderCell('primary'),
 							getButtonHeaderCell('secondary'),
 							getButtonHeaderCell('normal'),