Responsive Sizing

[mjkuhlen]

Is there any way to have the table change layout, similar to how MUI-Datatables does? If you are on a small device it re-arranges the columns into a stack so you can see a whole row at a glance without having to scroll left to right. https://codesandbox.io/s/github/gregnb/mui-datatables

[fl0wx]

It would also be nice to have a "Flex" like layout, like in mui datatable. so the columns resize responsively and also cover full width on monitor. https://mui.com/x/react-data-grid/layout/

[fl0wx]

@Kuechlin: Thanks for the Flex Integration. One thing to mention is, that if you resize the page manually, the table doesnt rerender. I have to reload the page manually to adapt the columns to the new size. How can this be automated?

[Kuechlin]

i have also noticed this problem, i am already implementing a fix. i will use a resize-observer to update the table width on change.

[fl0wx]

Thanks that sounds great :)

[ForeshadowRU]

@Kuechlin any plans on adding same responsive behaviour as https://elastic.github.io/eui/#/tabular-content/tables#a-basic-table has?