Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add example of how to implement flex <Table/> to the Docs

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Shows how to use <Table/> in Flex layout

What does the proposed API look like?

<Table type="flex"/>

How let table’s body expand in parent flex container with overflow scrolling for the table items ?

Imagine such layout: screenshot 2019-01-16 at 13 22 38 We can set scroll={{y: 240}} prop to the <Table/> (Red line) How can we set table body to table to expand till the end of parent component? (Green line)

Issue Analytics

State:
Created 5 years ago
Comments:13 (5 by maintainers)

Top GitHub Comments

3reactions

afc163commented, Jan 29, 2019

Try this: https://codesandbox.io/s/l4vqz209ym

2reactions

SergeyVolynkincommented, Jan 22, 2019

Currently, I’ve implemented “flexible” layout via calculating the height of parent component (it’s a flex container) and setting the scroll={{y: *}} prop on the Table.

But it doesn’t feel natural. (CSS is the way to go, IMO)

If you are planning to introduce Table with flexible height (flexible body) – I can help to contribute towards this feature. I think it’s a quite common issue with this table