How can I use resize and specify a min-width for a table.

It seems when specifying any sort of min-width attribute for the table then the table will never resize beyond that specified value. I would like for the table to scale wider than the screen width and keep growing beyond that. Instead what happens is the other columns shrink to accommodate the new larger column.

Specifying a min-width on the columns causes the resize to stop working.

table {
  border-collapse: collapse;
  border-spacing: 0px;
  min-width: 200%;
}

th {
  resize: horizontal;
  border: 2px solid black;
  padding: 0;
  margin: 0px;
  overflow: auto;
}

  

    
AAA
    
BBB
    
CCC
  
  

    
one
    
two
    
three
  
  

    
four
    
five
    
six
  
  

    
seven
    
eight
    
nine
  

I already tried to wrap the table in a