Apex Code Development You need to sign in to do that
Don't have an account?
Rahul Yadav 272 How to add data from List in <tbody>?
Hello Everyone,
I am trying to create a table. using simple SLDS data table. I have suceeessfully created the the table header in <thead >. but the Problem is with <tbody>.
I have create a apex class and wired it into js file to store the data in list. How do I add data in rows from that list into my table ?
I am trying to create a table. using simple SLDS data table. I have suceeessfully created the the table header in <thead >. but the Problem is with <tbody>.
I have create a apex class and wired it into js file to store the data in list. How do I add data in rows from that list into my table ?
Try following Way and fix your problam.
let contacts=[];//This is the listOfContacts <template if:true={contacts}> <template for:each={contacts.data} for:item="contact"> <tr class="slds-hint-parent" key={contact.Id}> <td> <div class="slds-truncate" title={contact.Name}>{contact.Name}</div> </td> <td> <div class="slds-truncate" title={contact.Title}>{contact.Title}</div> </td> <td> <div class="slds-truncate" title={contact.Phone}>{contact.Phone}</div> </td> <td> <div class="slds-truncate" title={contact.Email}>{contact.Email}</div> </td> </tr> </template> </template>let me know if it helps you and marking it as best.Thank You
All Answers
Try following Way and fix your problam.
let contacts=[];//This is the listOfContacts <template if:true={contacts}> <template for:each={contacts.data} for:item="contact"> <tr class="slds-hint-parent" key={contact.Id}> <td> <div class="slds-truncate" title={contact.Name}>{contact.Name}</div> </td> <td> <div class="slds-truncate" title={contact.Title}>{contact.Title}</div> </td> <td> <div class="slds-truncate" title={contact.Phone}>{contact.Phone}</div> </td> <td> <div class="slds-truncate" title={contact.Email}>{contact.Email}</div> </td> </tr> </template> </template>let me know if it helps you and marking it as best.Thank You