Skip to content

Table with width 100% #97

Open
Open
@jjeising

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

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.

Metadata

Assignees

No one assigned

    Labels

    questionQuestions about use, potential features, or improvements

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions