Comments (3)
@WhatzzUp, Sorry that's something not possible with the current implementation. I have had people asking about doing a table with fixed header, that's not possible either. I have been thinking about another approach to solve this. Please watch this repo, I may have an update to this problem.
from ngx-virtual-scroller.
@rintoj whatsup, issue is closed do you find solution here ? maybe just before ngFor loop we could have(here squelette):
<div ... virtualScoll ... >
<div class=sticky>my stickybar</div>
<div *ngFor=virtualPort>...</div>
</div>
and just add to .sticky class the transform css property like in .scrollable-content but decrementing so if:
class="scrollable-content" style="transform: translateY(595px);"
the .sticky should have style="transform: translateY(-595px);"
maybe problem is we don't have current item
from ngx-virtual-scroller.
In the latest version you can use #header for the header to be fixed at the top.
from ngx-virtual-scroller.
Related Issues (20)
- Can't center items HOT 1
- Current slice of visible items change on prepending items off-screen
- use with dynamic size, triggering with document scroll event
- how to set number of items to be displayed default it showing 8 i want to show 24
- Support Angular 13 HOT 26
- Allow scroller width to fit contents HOT 1
- List does not render with multiple child modules using [parentScroll]="scroll.window"
- V4.0.3 not working in production build with fesm5 (Cannot read property 'kind' of undefined)
- Bug with mousewheeling HOT 2
- Scroller stops scrolling (using mouse wheel) unless mouse is moved HOT 4
- get items that plugin killed
- [Angular 5.2.x] - Page get stucked with ngx-virtual-scroller HOT 2
- How to set that how many elements that should render always?
- Doesn't works with grid view normally, displays only 5 items by default and keep updating the data only.
- Are you still maintaining this library? HOT 4
- Viewport items are reduced in half after adding some items
- ngx-virtual-scroller working with angular 16 ? HOT 1
- Not have any support for fix footer section in <tfoot> tag
- Keyboard navigation support HOT 3
- issue with 2 virtual scroll if we use scrollbar of same parent block (new version)
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 ngx-virtual-scroller.