revert: revert freezed columns changes

Author: ravgeetdhillon

src/DataTable/DataTable.tsx

@@ -123,7 +123,7 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 		footer = defaultProps.footer,
 		currentSortColumnId = defaultProps.currentSortColumnId,
 		currentSortDirection = defaultProps.currentSortDirection,
-		isInnerTable = defaultProps.isInnerTable,
+		// isInnerTable = defaultProps.isInnerTable,
 	} = props;
 
 	const {
@@ -139,27 +139,27 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 	} = useColumns(columns, onColumnOrderChange, defaultSortFieldId, defaultSortAsc);
 
 	// Find index of last freezed column
-	const index = React.useMemo(
-		() =>
-			tableColumns.reduce((i, column) => {
-				if (column.freeze) {
-					i += 1;
-				}
-				return i;
-			}, 0),
-		[tableColumns],
-	);
-
-	const tableColumnsBasedOnTable = React.useMemo(() => {
-		if (!isInnerTable) {
-			return tableColumns;
-		}
-		return tableColumns.slice(0, index);
-	}, [index, isInnerTable, tableColumns]);
-
-	const freezedColumns = React.useMemo(() => {
-		return tableColumns.slice(0, index);
-	}, [index, tableColumns]);
+	// const index = React.useMemo(
+	// 	() =>
+	// 		tableColumns.reduce((i, column) => {
+	// 			if (column.freeze) {
+	// 				i += 1;
+	// 			}
+	// 			return i;
+	// 		}, 0),
+	// 	[tableColumns],
+	// );
+
+	// const tableColumnsBasedOnTable = React.useMemo(() => {
+	// 	if (!isInnerTable) {
+	// 		return tableColumns;
+	// 	}
+	// 	return tableColumns.slice(0, index);
+	// }, [index, isInnerTable, tableColumns]);
+
+	// const freezedColumns = React.useMemo(() => {
+	// 	return tableColumns.slice(0, index);
+	// }, [index, tableColumns]);
 
 	const [
 		{
@@ -498,7 +498,7 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 											</>
 										)}
 
-										{tableColumnsBasedOnTable.map(column => (
+										{tableColumns.map(column => (
 											<Column
 												key={column.id}
 												column={column}
@@ -546,7 +546,7 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 												key={id}
 												keyField={keyField}
 												data-row-id={id}
-												columns={tableColumnsBasedOnTable}
+												columns={tableColumns}
 												row={row}
 												rowCount={sortedData.length}
 												rowIndex={i}
@@ -597,11 +597,11 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 					</Wrapper>
 				</ResponsiveWrapper>
 
-				{freezedColumns.length > 0 && (
+				{/* {freezedColumns.length > 0 && (
 					<div
 						style={{
 							position: 'absolute',
-							top: 0,
+							top: '200px',
 							left: 0,
 							maxWidth: '100%',
 						}}
@@ -715,7 +715,7 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 						</Table>
 						{footer && <div>{footer}</div>}
 					</div>
-				)}
+				)} */}
 			</div>
 
 			{enabledPagination && (