Comments (11)
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.
Related Issues (3)
- Styling grid cells? HOT 2
- Support for lazy loading of data HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-tablize.