0

I have this problem in my lightning component , any idea how it can be solved ?

enter image description here

This is my component code :

<lightning:card title="Attachments" iconName="standard:file"  class="slds-text-heading_small slds-card_boundary">
    <div class="slds-m-around_medium ">
      <div  aura:id="listFiles">

                     <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="Title">Title</div>
                        </th>
                        <th class="slds-text-title_caps" scope="col">
                            <div class="slds-truncate" title="Last Modified Date">Last Modified Date</div>

                        </th>
                        <th class="slds-text-title_caps" scope="col">
                            <div class="slds-truncate" title="size">Size(Bytes)</div>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <aura:iteration items="{!v.InboxList}" var="fl">
                        <aura:iteration items="{!fl.Attachments}" var="fll">
                        <tr>
                            <th scope="row">
                                <div class="slds-truncate " title="{!fll.Name}">
                                    <!--store contentDocument Id in data-Id attribute-->
                                  <!--  <lightning:avatar src="{!'/servlet/servlet.FileDownload?file='+fl.Id}" fallbackIconName="standard:person_account" />   -->
                                    <lightning:layoutItem    class="slds-avatar slds-avatar--medium"  >
                                           <div>    <lightning:fileCard fileId="{!fll.Id}"/></div>
                                  </lightning:layoutItem>
                                    <a  href="{!'/servlet/servlet.FileDownload?file='+fll.Id}" onclick="{!c.getSelected}" data-Id="{!fll.Id}">{!fll.Name}</a>
                                </div>
                            </th>
                            <th scope="row">
                              <!--  <div class="slds-truncate" title="{!fll.LastModifiedDate}"   >{!fll.LastModifiedDate}</div> -->
                                <ui:outputDate  class="slds-truncate " value="{!fll.LastModifiedDate}"  format="dd/MM/yyyy HH:mm"/>

                            </th>
                            <th scope="row">
                                <div class="slds-truncate" title="{!fll.BodyLength}">{!fll.BodyLength } </div>
                            </th>
                        </tr>  
                        </aura:iteration>
                    </aura:iteration>

                </tbody>
            </table>

     </div>

    </div>

    <aura:set attribute="actions" >
        <div>
           <input type="file" class="file" aura:id="file" />

             <lightning:button label="Save" onclick="{!c.saveFile}" />


            </div>
    </aura:set>






</lightning:card>

Thank you in advance.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.