Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) public static List< Account > fetchAccounts() { return [ SELECT Id, Name, Industry, AccountNumber, Rating, ....
Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) public static List< Account > fetchAccounts() { return [ SELECT Id, Name, Industry, AccountNumber FROM ....
Sample Code: HTML: <template> <div class="slds-box slds-theme_default"> <lightning-button label="Expand All" onclick={handleClick} name="Expand" class="slds-m-left_x-small"></lightning-button> <lightning-button label="Collapse All" onclick={handleClick} name="Collapse" class="slds-m-left_x-small"></lightning-button> ....
Sample Code: HTML: <template> <div class="slds-box slds-theme--default"> <div class="slds-text-color_inverse slds-text-heading_large" style="padding:0.5rem;background:#16325c"> Accounts </div> <div style="width:200px; padding:0.5rem;"> <lightning-combobox name="filter" label="Status" value={selectedValue} ....
Sample Code: HTML: <template> <div class="slds-box slds-theme--default"> <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-table_striped"> <thead> <tr class="slds-line-height_reset"> <th class="" scope="col"> ....
In Lightning Web Component lightning-datatable tag, draft-values and onsave attributes can be used make editable data table. Sample Code: HTML: <template> <lightning-card> <div class="slds-m-around_medium"> <lightning-datatable key-field="Id" data={records} columns={columns} hide-checkbox-column draft-values={draftValues} ....
Sample Code: HTML: <template> <div class="slds-box slds-theme--default"> <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-table_striped"> <thead> <tr class="slds-line-height_reset"> <th class="" scope="col"> ....
Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) public static List< Account > fetchAccounts() { return [ SELECT Id, Name, Industry, Rating, Type, ....
HTML: <template> <lightning-card title = "Search Accounts" icon-name = "custom:custom63"> <div class = "slds-m-around_medium"> <lightning-input type = "search" onchange = {handleKeyChange} class = "slds-m-bottom_small" label = ....
sample.css: .textCSS { color: red; } .slds-card__header { color: green; font-weight: bold; text-align: center; } .slds-th__action { color: blue; justify-content: center !important; } .buttonCSS ....