finos / finos/regular-table

Table with width 100%

Open
#97 0 comments 0 reactions 0 assignees View on GitHub
question
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.