Don't allow grouped column resizing

packages/@react-spectrum/table/src/TableView.tsx

@@ -318,7 +318,7 @@ function TableView<T extends object>(props: SpectrumTableProps<T>, ref: DOMRef<H
           );
         }
 
-        if (item.props.allowsResizing) {
+        if (item.props.allowsResizing && !item.hasChildNodes) {
           return <ResizableTableColumnHeader tableRef={domRef} column={item} />;
         }
 
@@ -581,6 +581,11 @@ function TableColumnHeader(props) {
   let {state, isEmpty} = useTableContext();
   let {pressProps, isPressed} = usePress({isDisabled: isEmpty});
   let columnProps = column.props as SpectrumColumnProps<unknown>;
+  useEffect(() => {
+    if (column.hasChildNodes && columnProps.allowsResizing) {
+      console.warn(`Column key: ${column.key}. Columns with child columns don't allow resizing.`);
+    }
+  }, [column.hasChildNodes, column.key, columnProps.allowsResizing]);
 
   let {columnHeaderProps} = useTableColumnHeader({
     node: column,
@@ -602,7 +607,6 @@ function TableColumnHeader(props) {
             'spectrum-Table-headCell',
             {
               'is-active': isPressed,
-              'is-resizable': columnProps.allowsResizing,
               'is-sortable': columnProps.allowsSorting,
               'is-sorted-desc': state.sortDescriptor?.column === column.key && state.sortDescriptor?.direction === 'descending',
               'is-sorted-asc': state.sortDescriptor?.column === column.key && state.sortDescriptor?.direction === 'ascending',

packages/@react-spectrum/table/stories/Table.stories.tsx

@@ -483,6 +483,25 @@ storiesOf('TableView', module)
       </TableView>
     )
   )
+  .add(
+    'dynamic with nested columns with resizing',
+    () => (
+      <TableView aria-label="TableView with nested columns" selectionMode="multiple" width={700} height={300} overflowMode="wrap" onSelectionChange={s => onSelectionChange([...s])}>
+        <TableHeader columns={nestedColumns}>
+          {column =>
+            <Column allowsResizing childColumns={column.children}>{column.name}</Column>
+          }
+        </TableHeader>
+        <TableBody items={items}>
+          {item =>
+            (<Row key={item.foo}>
+              {key => <Cell>{item[key]}</Cell>}
+            </Row>)
+          }
+        </TableBody>
+      </TableView>
+    )
+  )
   .add(
     'focusable cells',
     () => (

packages/@react-spectrum/table/test/TableSizing.test.tsx

@@ -1368,6 +1368,33 @@ describe('TableViewSizing', function () {
         expect(tree.queryByRole('slider')).toBeNull();
       });
     });
+
+    it('should prevent columns with child columns from being resizable', function () {
+      let warn = jest.spyOn(global.console, 'warn').mockImplementation();
+      let tree = render(
+        <TableView aria-label="Table" selectionMode="multiple">
+          <TableHeader columns={nestedColumns}>
+            {column => <Column allowsResizing childColumns={column.children}>{column.name}</Column>}
+          </TableHeader>
+          <TableBody items={items}>
+            {item =>
+              (<Row key={item.foo}>
+                {key => <Cell>{item[key]}</Cell>}
+              </Row>)
+            }
+          </TableBody>
+        </TableView>
+      );
+
+      let headers = tree.getAllByRole('columnheader');
+      for (let colheader of headers) {
+        if (parseInt(colheader.getAttribute('aria-colspan'), 10) > 1) {
+          expect(within(colheader).queryByRole('button')).toBeFalsy();
+        }
+      }
+      expect(warn).toHaveBeenCalledTimes(3);
+      warn.mockRestore();
+    });
   });
 
   describe('updating columns', function () {