Table with width 100%

[jjeising]

Support Question

Is there a trick to use regular-table with table { width: 100% }? I tried, because the table to replace used this, but then the initial render displays only two columns because view_state.viewport_width immediately exceeds the container – the first column has the full width after is is drawn:

https://github.com/jpmorganchase/regular-table/blob/8327abfd1f987721f18ab565702840b1c3938c1a/src/js/table.js#L171

After the first redraw this is fixed and behaves as expected.

Working arounds this with

table.addStyleListener(() => {
  table.getElementsByTagName('table')[0].style.width = '100%';
});

seems to work, but slightly changes the layout: the last column gets the remaining space instead of a more even distribution.