I'm creating lightning component to display data in nice format in a table. But data is not coming in table format.

Below is my code:


<aura:component controller="ContactsController">
    <ltng:require styles="{!$Resource.SLDS090}"/>
        <title>This will display contacts whose's birthday is today.</title>
    <aura:attribute name="contacts" type="List" />
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <!-- <div class="container">-->
    <div class="slds"> 

    <table class="slds-table slds-table--bordered slds-table--striped">
                <th scope="col"><span class="slds-truncate">Date</span></th>
                <th scope="col"><span class="slds-truncate">Contact Name</span></th>
            <aura:iteration items="{!v.contacts}" var="contact">

Below is my result:

enter image description here

  • When you say "data is not coming in table format" what do you mean? Can you post the HTML markup generated by your above code?
    – dsharrison
    Commented Jun 23, 2016 at 16:29
  • Hi D.S. I have added the generated data format Commented Jun 23, 2016 at 16:34

1 Answer 1


I was able to reproduce the problem. Try including the stylesheets as mentioned below

 <ltng:require styles="{! $Resource.SLDS090 + '/assets/styles/salesforce-lightning-design-system.css'}"/>

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .