Column width problem when parent is not wide enough in Chrome

When the column width is set in columns property but the parent is not wide enough, Chrome and Firefox tend to behave differently:
In Chrome:
Chrome adjusts the table width to fit its parent, and all columns' width are adjusted according to specified column width.

In Firefox:
Firefox lets the table overflow and doesn't try to adjust the width. All columns' width are kept as specified. IE has a similar behavior.

In the above example, the parent width is set to 500px and column widths are 300, 100 and 200, respectively, in columns object. Test environments are Chrome/Chromium 71, Firefox 64 and IE 11.

When I looked into the issue, I've found that rc-table specified both width and min-width style in <col>. But as pointed out in Google Chrome Help Forum[1], Chrome doesn't implement min-width style on <col> element because it is not in W3C's Recommendation[2].

One of the solution I come up with is that set width and min-width in <th> rather than <col>. But the drawback is rc-table supports a method that doesn't have any <th> elements (showHeader={false}), which makes this workaround not work.

Start by reproducing the 500px-parent case with column widths of 300, 100, and 200 in Chrome, Firefox, and IE, including showHeader={false}. Inspect how rc-table applies width and min-width to col and th elements; done means the chosen behavior is consistent across the reported browsers without breaking tables that have no header.