Questions tagged virtualscroll

Explore the latest questions and answers asked by our top developers.

cdk virtual scroll viewport with child table row

i am using cdk-virtual-scroll-viewport for virtual scroll in Angular 11 i want to show virtual scroll on child table row, so how can i implement for table row only, here is the screenshot of my table and code. <cdk-virtual-scroll-viewport [itemSize]="100" style="height: 450px;"> <table class="table table-bordered tabledesign"> <thead> <tr> <th [style.top]="inverseOfTranslation" style="position: sticky !important;" *ngFor="let col […]

JqxGrid Virtual scrolling and pagination

As the user scrolls up, in this scenario should request go again and get new data or it shows previously loaded data? In my case every time a new request has gone to the server. How I handle it? Source: AngularJS Questions

Use Angular Virtual Scrolling with a ui5-table web component having a sticky header

When I use Angular Virtual Scrolling with a ui5-table web component having the sticky-column-header flag set to true the column headers move to the bottom when scrolling down (randomly jumping between). In my setup I use 100 entries and 3 columns and the virtual scrolling like this: <cdk-virtual-scroll-viewport itemSize="20"> <ui5-table> .. <ui5-table-row *cdkVirtualFor="let entry of […]

By FelixD
Published
Categorized as angular, sapui5, virtualscroll Tagged , ,

Virtual scroll for Angular material table columns

I have a material table with around 1000 columns and I want to virtualize these columns, there are a lot of examples that show virtualization of rows using cdk-virtual-scroll but not for columns. Is there a way to do the virtualizations to columns. Source: Angular Material Quesions

Virtual scrolling Not working in Angular – cdk-virtual-scroll-viewport

I am not able to bind the cdk-virtual-scroll-viewport with data in my Angular html. This is the data in my jobLists array In my html class i have sample like this <cdk-virtual-scroll-viewport itemSize="50"> <div *cdkVirtualFor="let currentJob of jobLists"> <mat-card class="job-list"> <div class="posted-on"> <span class="loc">Posted On</span>: {{ currentJob.posteddate }} </div> </mat-card> </div> I already imported import […]

By Nithin Paul
Published
Categorized as angular, virtualscroll Tagged ,

Virtual scrolling Not working in Angular with response data- cdk-virtual-scroll-viewport

I am not able to bind the cdk-virtual-scroll-viewport with data in my Angular html. This is the data in my jobLists array which is assigned with response data in ngOnInit In my html class i have sample like this <cdk-virtual-scroll-viewport itemSize="50"> <div *cdkVirtualFor="let currentJob of jobLists"> <mat-card class="job-list"> <div class="posted-on"> <span class="loc">Posted On</span>: {{ currentJob.posteddate […]

Angular Material multi select component with virtual-scroll

I’m trying to create a custom multi select component, based on the angular-material select component (v10), with virtual-scroll and a custom search input inside the component’s overlay. I also added a mat-select-trigger element to display the number of selected items, instead of the default list of selected items. The (almost fully working and without styling) […]

Scroll to bottom with cdk-virtual-scroll (Angular 8)

Goal Display a list of messages and scroll to bottom when a new message is received. Problem With virtual scroll I have to set the [itemSize] property, but for me it is not a static value: When a message is too long for one line it breaks in multiple, so its height changes. I have […]

how to overflow horizontally out of position relative with vertical scroll-bar (create popover inside ngx-virtual-scroller)

I have a sidebar with a vertical virtual scroll. Whenever I hover over an item in this scroll container, a popover show up, giving more information about the item (for example in the container a name is ellipsed because the container is not wide enough and when a user hovers over the item a popover […]

By Stoffel
Published
Categorized as angular, css, overflow, popover, virtualscroll Tagged , , , ,

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq