When linking to a column, show the column in the center instead of the top so it doesn't hide behind the sticky header (#1940)

Signed-off-by: Kristen Armes <[email protected]>

Author: kristenarmes

frontend/amundsen_application/static/js/components/Table/constants.ts

@@ -17,3 +17,5 @@ export const ARRAY_CLOSER = '] ';
 export const MAP_LABEL = 'map';
 export const MAP_OPENER = ' {';
 export const MAP_CLOSER = '} ';
+
+export const SCROLL_INTO_VIEW_BLOCK = 'center';

frontend/amundsen_application/static/js/components/Table/index.tsx

@@ -24,6 +24,7 @@ import {
   MAP_VALUE_NAME,
   MAP_KEY_DISPLAY_NAME,
   MAP_VALUE_DISPLAY_NAME,
+  SCROLL_INTO_VIEW_BLOCK,
 } from './constants';
 import './styles.scss';
 
@@ -798,7 +799,7 @@ const useTableHooks = ({
   const expandRowRef = React.useRef<HTMLTableRowElement>(null);
   React.useEffect(() => {
     if (expandRowRef.current !== null) {
-      expandRowRef.current.scrollIntoView();
+      expandRowRef.current.scrollIntoView({ block: SCROLL_INTO_VIEW_BLOCK });
     }
   }, []);