Skip to content

Instantly share code, notes, and snippets.

//LazyLoadingAccountController.apex
public class LazyLoadingAccountController {
@AuraEnabled
public static List<Account> getAccountsData(Integer limitSize, Integer offset) {
return [
SELECT Id, Name, Industry
FROM Account
ORDER BY Name
LIMIT :limitSize
OFFSET :offset
/*serverSideLazyLoadingInDataTableWithLoadMoreButton.css*/
.container {
padding: 0.5rem;
}
.account-list{
border: 1px solid #d8dde6;
background-color: #fff !important;
}
.all-loaded {
color: #28a745;
@sfdevmaster
sfdevmaster / serverSideLazyLoadingInHtmlTableWithLoadMoreButton.css
Last active April 19, 2025 13:18
Server Side Lazy Loading In HTML Table With Load More Button - LWC
/*serverSideLazyLoadingInHtmlTableWithLoadMoreButton.css*/
.scrollable {
overflow-y: auto;
border: 1px solid #d8dde6;
padding: 0.5rem;
}
.slds-table thead th {
position: sticky;
top: 0;
// LazyLoadingContactController.apex
public class LazyLoadingContactController {
@AuraEnabled(cacheable=true)
public static List<Contact> getContactsData(Integer limitSize, Integer offset) {
return [
SELECT Id, FirstName,LastName, Email
FROM Contact WHERE Name Like 'E%'
ORDER BY Name
LIMIT :limitSize
OFFSET :offset
@sfdevmaster
sfdevmaster / serverSideLazyLoadingInHtmlTableWithScrollBar.css
Last active July 6, 2025 07:42
🌐 Server Side Lazy Loading In HTML Table With Scroll Bar - LWC
/*serverSideLazyLoadingInHtmlTableWithScrollBar.css*/
.scrollable {
overflow-y: auto;
border: 1px solid #d8dde6;
padding: 0.5rem;
}
.slds-table thead th {
position: sticky;
top: 0;
background-color: rgba(238, 238, 238, 1);
<template>
<!-- Main card to hold the content -->
<lightning-card title="Mass Update Leads" icon-name="standard:lead">
<!-- Conditionally render the form only if valid leads exist -->
<template lwc:if={validLeadExists}>
<div class="slds-p-around_medium">
<!-- Iterate over the list of lead IDs and render forms for each -->
<template for:each={leadIds} for:item="leadId">
<div class="slds-m-around_medium" key={leadId}>
<!-- Lightning record edit form for updating a lead record -->