Lazy Loading with Child Component

Move Data Fetching to the Child Component Instead of passing the entire list (filteredgroupstructures) from the parent, pass only the accountId and other filters. Let the child component fetch and load data in chunks.

Use lightning-datatable with onloadmore In the child component (c-gs-list), use the onloadmore event to load more data when the user scrolls.

<lightning-datatablekey-field="id"data={visibleData}columns={columns}onloadmore={handleLoadMore}enable-infinite-loadingis-loading={isLoading}>

Child JS: Handle Lazy Loading

import { LightningElement, api, track } from 'lwc'; import getRecords from '@salesforce/apex/YourApexClass.getRecords';

export default class GsList extends LightningElement { @api accountId; @track visibleData = []; @track isLoading = false; offset = 0; limit = 50;

connectedCallback() {
    this.loadMoreData();
}

handleLoadMore() {
    this.loadMoreData();
}

loadMoreData() {
    this.isLoading = true;
    getRecords({ accountId: this.accountId, offset: this.offset, limit: this.limit })
        .then(result => {
            this.visibleData = [...this.visibleData, ...result];
            this.offset += this.limit;
            this.isLoading = false;
        })
        .catch(error => {
            console.error(error);
            this.isLoading = false;
        });
}

}

In Apex Controller

@AuraEnabled(cacheable=true) public static List<YourObject__c> getRecords(Id accountId, Integer offset, Integer limit) { return [SELECT Id, Name FROM YourObject__c WHERE Account__c = :accountId LIMIT :limit OFFSET :offset]; }