Posts

Dynamic Standard Datatable Using Fieldset

Image
Dynamic Stand Datatable using fieldset   Create a fieldSet    HTML < template >           < div   class = "c-container" >          < div   class = "slds-card" >              < div   class = "slds-media__body" >                  < h2   class = "slds-card__header-title" >                      < span > {lblobjectName} Records ({recordCount}) </ span >                  </ h2 >              </ div >              < div   class = "slds-card__body" >                  < lightning-datatable                        key-field = "Id"                      data = { tableData }                      columns = { columns }                      min-column-width = 200 >                  </ lightning-datatable >                </ div >                                      </ div >        </ div >      </ template > JS import  {  LightningElement , api, tr

Dynamic Custom Datatable using dual List

Image
 Dynamically Selected Objects, Fields and Click on button to display Dynamic Datatable  Order Account Html < template >      < div   style = "display:block; width:100%;" >          < div   style = "width:50%; float: left; display: inline-block;" >              < div   class = "slds-p-horizontal_medium" >                  < lightning-combobox   name = "types"   label = "Object"   value = { value }  options = { options }  onchange = { handleTypeChange } >   </ lightning-combobox >                </ div >              < lightning-dual-listbox   name = "languages"                                     label = "Select Fields"                                     source-label = "Available"                                     selected-label = "Selected"                                     field-level-help = "Select Fields to display"                    

Lightning Grid Custom Datatable

Image
Custom Datatable to display list of accounts and contacts in Lightning Grid form   Html < template >      < lightning-card   variant = "Narrow"   title = "Lightning Grid Custom Datatable LWC"   icon-name = "standard:account" >          < div   class = "slds-p-horizontal_small" >              < div   class = "tableHeight slds-scrollable_y" >                  < table   class = "slds-table slds-table_cell-buffer slds-table_bordered slds-no-row-hover" >                      < thead >                          < tr   class = "slds-line-height_reset" >                              < th   class = ""   scope = "col" >                                  < div   class = "slds-truncate"   title = "Name" > Name </ div >                              </ th >                              < th   class = ""   scope = &q