Show table header context menu on left click (as well as right) (#1878)

Author: mattseddon

webview/src/experiments/components/table/TableHeader.tsx

@@ -174,6 +174,7 @@ const TableHeaderCell: React.FC<{
     <ContextMenu
       content={menuContent}
       disabled={menuDisabled || menuSuppressed}
+      trigger={'contextmenu click'}
     >
       <div
         {...column.getHeaderProps(

webview/src/shared/components/contextMenu/ContextMenu.tsx

@@ -41,17 +41,19 @@ export interface ContextMenuProps {
   content?: React.ReactNode
   disabled?: boolean
   onShow?: () => void
+  trigger?: string
 }
 
 export const ContextMenu: React.FC<ContextMenuProps> = ({
   children,
   content,
   disabled,
-  onShow
+  onShow,
+  trigger = 'contextmenu'
 }) => (
   <Tooltip
     arrow
-    trigger={'contextmenu'}
+    trigger={trigger}
     delay={[100, 200]}
     placement={'bottom'}
     interactive