Scrollable table influence normal scrolling of page

facebookarchive / fixed-data-table

A React table component designed to allow presenting thousands of rows of data.

http://facebook.github.io/fixed-data-table/

Other

4.3k stars 553 forks source link

Scrollable table influence normal scrolling of page #237

Open UlricGan opened 9 years ago

UlricGan commented 9 years ago

When mouse hover on the table, page cant scroll normally until table scroll to end. It is really uncomfortable for user. I hope to achieve the effect just like [FixedHeader](https://www.datatables.net/extensions/fixedheader/) and [the facebook ads manage table from React.js Conf 2015 video](https://youtu.be/KYzlpRvWZ6c?t=4m1s) I try to change overflowY, but it doesnt work.

ehzhang commented 9 years ago

To achieve the effect that we have in the Facebook Ads Manager, we use a controlled scrolling situation where we watch for wheel events on the overall page and scroll the table by changing the ownerHeight and scrollTop properties.

Changing the ownerheight property allows the header to become "fixed" at a certain height, and changing scrollTop scrolls the table.

Unfortunately, we don't have a simplified example of this in action.

HugoDaniel commented 9 years ago

@UlricGan check out my lazy arse patch: #248