fix: Fixed column pinning feature

Author: praveen5959

src/pages/Stream/Views/Explore/StaticLogTable.tsx

@@ -149,9 +149,8 @@ const Table = (props: { primaryHeaderHeight: number }) => {
 	});
 
 	const contextMenuRef = useRef<HTMLDivElement>(null);
-	const [{ orderedHeaders, disabledColumns, pageData, wrapDisabledColumns, rowNumber }, setLogsStore] = useLogsStore(
-		(store) => store.tableOpts,
-	);
+	const [{ orderedHeaders, disabledColumns, pageData, wrapDisabledColumns, rowNumber, pinnedColumns }, setLogsStore] =
+		useLogsStore((store) => store.tableOpts);
 	const [isSecureHTTPContext] = useAppStore((store) => store.isSecureHTTPContext);
 	const [fieldTypeMap] = useStreamStore((store) => store.fieldTypeMap);
 	const columns = useMemo(
@@ -291,15 +290,15 @@ const Table = (props: { primaryHeaderHeight: number }) => {
 				enableColumnPinning
 				initialState={{
 					columnPinning: {
-						left: ['rowNumber'],
+						left: pinnedColumns,
 					},
 				}}
 				enableStickyHeader
 				defaultColumn={{ minSize: 100 }}
 				layoutMode="grid"
 				state={{
 					columnPinning: {
-						left: ['rowNumber'],
+						left: pinnedColumns,
 					},
 					columnVisibility,
 					columnOrder: orderedHeaders,