Skip to content

Instantly share code, notes, and snippets.

@simpluslabs
Last active November 12, 2018 13:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save simpluslabs/6b0aeae02118bf6da0dac962476dde02 to your computer and use it in GitHub Desktop.
Save simpluslabs/6b0aeae02118bf6da0dac962476dde02 to your computer and use it in GitHub Desktop.
<aura:component controller="contactListControllerApx">
<aura:attribute name="conList" type="List" />
<aura:handler name="init" value="{! this}" action="{! c.doInit}" />
<div>
<h1>Contacts</h1>
<table class="slds-table slds-table_cell-buffer slds-table_bordered">
<thead>
<tr class="slds-line-height_reset">
<th class="slds-text-title_caps" scope="col">
<div class="slds-truncate" title="Contact Name">Name</div>
</th>
<th class="slds-text-title_caps" scope="col">
<div class="slds-truncate" title="Contact Email">Email</div>
</th>
<th class="slds-text-title_caps" scope="col">
<div class="slds-truncate" title="Clean Status">Clean Status</div>
</th>
</tr>
</thead>
<tbody>
<aura:iteration items="{! v.conList}" var="con">
<tr class="slds-hint-parent">
<td data-label="{! con.Name}">
<div class="slds-truncate" title="{! con.Name}">{! con.Name}</div>
</td>
<td data-label="{! con.Email}">
<div class="slds-truncate" title="{! con.Email}">{! con.Email}</div>
</td>
<td data-label="{! con.CleanStatus}">
<div class="slds-truncate" title="{! con.CleanStatus}">{! con.CleanStatus}</div>
</td>
</tr>
</aura:iteration>
</tbody>
</table>
</div>
</aura:component>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment