Table with width 100%
- Dominant language
- JavaScript
- Stars
- 403
- Forks
- 43
- Avg merge
- 3m
- Merged PRs (30d)
- 1
Description
## 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
```js
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.
Contributor guide
Assessment
This issue has not been assessed yet.