Last active
November 12, 2018 13:39
-
-
Save simpluslabs/6b0aeae02118bf6da0dac962476dde02 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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