Comments (3)
You can't remove spacers because this is a base part of this library. Solution with spacers give an opportunity to not add wrappers around list or/and item to keep layout the same as you use for .map list rendering.
You can create a fork with list wrapper with paddings (for example) instead of spacers. It's possible with a small implementation changes.
Why do you want to delete spacers?
from react-viewport-list.
I'm tryign to use this with a tailwind grid, is there a way to start it as display none because the first div takes up the first space in the grid...
from react-viewport-list.
I'm tryign to use this with a tailwind grid, is there a way to start it as display none because the first div takes up the first space in the grid...
@bfan1256, you should use renderSpacer
and add tailwind className to fill all columns (if your list is vertical). First div must have space. It represents offscreen items.
But I'm not recommend multicolumn grids/flex with wrap) for using with react-viewport-list - this type of lists is unsupported.
from react-viewport-list.
Related Issues (20)
- Thank you HOT 3
- New items added to bottom of list. After refresh, appeared first. HOT 6
- Incorrect page scrolling behavior when `initialIndex` or `scrollToIndex` is used HOT 4
- Why does it work when height varies? HOT 2
- List items rendered with undefined HOT 2
- Endless Scrolling Loop HOT 28
- scroll to bottom while having async rendering items HOT 2
- Scroll to bottom on initial render HOT 2
- flew wrap not work HOT 1
- Is infinite scroll pagination supported? HOT 1
- Scroll to position HOT 3
- Scroll X and Scroll Y and sticky rows and columns HOT 3
- Question regarding CPU usage when idle HOT 7
- Is SSR supported? HOT 8
- Any way to show a dynamic number of columns? HOT 2
- Unexpected scroll jump with initialIndex set to last item HOT 8
- Having trouble getting axis="x" to work HOT 3
- justify-content: flex-end; hides the scroll bar. HOT 2
- Styling is breaking if used in material ui table HOT 2
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-viewport-list.