Working example of Grid about react-tablize HOT 11 CLOSED

Hi,
Just tried it and getting the same error. It's probably some backward compatibility issue with the emotion package I use.
Tried to resolved it but it turns out to be quite a pain.
To resolve the issue I've decided to remove the emotion dependency entirely but it may take a while until I have time to complete the removal.
Will update again when it all works.

from react-tablize.

Here's a working sandbox:
https://codesandbox.io/s/react-tablize-example-45uxc

It uses version 2.2.0-next.0 that removed the emotion dependency.
I've tagged it "next" so installing requires explicitly stating the version number (like so yarn add [email protected]).
The reason it's a "next" version and not the stable "latest" version is that some small style features still needs porting (here).

from react-tablize.

Thank you for the working example. I noticed there is a scroll bounce effect on iOS devices. Hoping that your style changes will fix that.

from react-tablize.

Don't have an iOS device at hand but tested in Chrome on Windows, Chrome on Android and Safari on a virtual mac. All looks fine.
The missing style "features" are just a few tweaks for padding and border when using the table default style. In fact the Grid component is fully implemented and should be working as intended.

I can try to get my hands on an iPhone from a friend, just trying to understand, is the bounce effect something you see specifically with this library or is it something more general with scrolling on iOS?

from react-tablize.

from react-tablize.

In this case it seems reasonable that the grid will have the same bounce effect, isn't it?

from react-tablize.

from react-tablize.

I see, interesting. I'll try to have a look see how this can be achieved.

from react-tablize.

I think if you set the style for '_Container' divs to position: absolute with appropriate top and left values, that the fixed columns wouldn't bounce around on iOS devices.

from react-tablize.

Yes, I believe so. Haven't got the time to work on it but my plan is to expose a sticky property with three allowed values: true, false and "auto" which will be the default. It will then be read in this line. Feel free to fork and add it yourself in the meantime. If you do so I'll be happy to hear if it does solve the problem.

from react-tablize.

Oh, and by the way. The grid already accepts a 'style' property you can try to use as well.

from react-tablize.