fix: disable freezed columns for inner/child table

cloudanswers · Aug 7, 2024 · 44f4992 · 44f4992
1 parent 1affeda
commit 44f4992
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/DataTable/DataTable.tsx b/src/DataTable/DataTable.tsx
@@ -123,6 +123,7 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 		footer = defaultProps.footer,
 		currentSortColumnId = defaultProps.currentSortColumnId,
 		currentSortDirection = defaultProps.currentSortDirection,
+		isInnerTable = defaultProps.isInnerTable,
 	} = props;
 
 	const {
@@ -584,12 +585,13 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 					</Wrapper>
 				</ResponsiveWrapper>
 
-				{freezedColumns.length > 0 && (
+				{!isInnerTable && freezedColumns.length > 0 && (
 					<div
 						style={{
 							position: 'absolute',
 							top: 0,
 							left: 0,
+							maxWidth: '100%',
 						}}
 					>
 						<Table disabled={disabled} className="rdt_Table" role="table">

diff --git a/src/DataTable/defaultProps.tsx b/src/DataTable/defaultProps.tsx
@@ -111,4 +111,5 @@ export const defaultProps = {
 	footer: null,
 	currentSortColumnId: null,
 	currentSortDirection: undefined,
+	isInnerTable: false,
 };
diff --git a/src/DataTable/types.ts b/src/DataTable/types.ts
@@ -120,6 +120,7 @@ export type TableProps<T> = {
 	footer?: React.ReactNode;
 	currentSortColumnId?: string | number | null;
 	currentSortDirection?: SortOrder;
+	isInnerTable?: boolean;
 };
 
 export type TableColumnBase = {