I have a lightning datatable which is having various no. of columns.
Problem is that User has to scroll to right end to find the vertical scrollbar, I want the vertical scroller to be on the screen always so that whenver user wants to scroll down he can do it through scroller.
Please suggest any ideas how to achieve this.

Hi,
I have a requirement to create a simple table with look and feel of lightning and it should be placed in 2nd column of lightning app but My table is going out of 2nd column, Please suggest me how to resolve this UI issue - 



This is my code - 

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome" access="global"> >
    <!-- PAGE HEADER -->
    <article class="slds-card">
       
  <div class="slds-card__header slds-grid " >
       <div class="slds-box slds-theme_shade">
    <lightning:layout class="slds-page-header slds-page-header--object-home">
       
        <lightning:layoutItem padding="horizontal-small">
           <!--
            <div class="page-section page-header" >
                <h1 class="slds-text-heading-label">Episode Total</h1>
                <b> <h2 class="slds-text-heading-medium ">$ 4100</h2> </b>
                <b><h1 class="slds-text-heading-label">Songs Count = 3</h1></b>  
            </div>   
            
            <table class="slds-box slds-theme_shade" border="1">
              <tr class="slds-box slds-theme_shade" border="1">
                
                  <td class="slds-box slds-theme_shade" border="1">
                  MRD</td>
                  <td class="slds-box slds-theme_shade" border="1">
                  MRD2</td>
                  <td class="slds-box slds-theme_shade" border="1">
                  MRD3</td>
                </tr>  
                
                <tr class="slds-box slds-theme_shade" border="1">
                <td class="slds-box slds-theme_shade" border="1">
                  MRD4</td>
                  <td class="slds-box slds-theme_shade" border="1">
                  MRD5</td>
                  <td class="slds-box slds-theme_shade" border="1">
                  MRD6</td>
                </tr>  
            </table>
            -->
            <table border="1" class="slds-table" >
                    <td >
                        <th rowspan="1" class="slds-cell-buffer_left slds-cell-buffer_right slds-cell-wrap"><b >ABCD </b></th>
                        
                        <td>
                            <tr >
                                <td>US</td>
                                <td>$100</td>
                            </tr>
                            <tr>
                                <td>BV</td>
                                <td>$100</td>
                            </tr>
                        </td>
                        <br></br>
                        <td class="slds-text-title_caps">Desc </td>
                        <br></br>
                        <td style="background-color:yellow" class="slds-text-title_caps"><input type="text" value="Quick Notes" title="asdf" class="water"/> </td>
                    </td>
                    
                    
                    
                    <td style="width:100px">
                        <th colspan="3">Fee Details</th>
                        <tr>
                            <td>Sugg </td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>Actual</td>
                            <td>1000</td>
                        </tr>
                        <tr>
                            <td>Total</td>
                            <td>1000</td>
                        </tr>
                        <tr>
                            <td>Under</td>
                            <td>500</td>
                        </tr>
                    </td>
                    <td style="background-color:yellow">
                        <th>Task</th>
                        <tr  >Pending</tr>
                    </td>
                    
                    <td>
                        <th>Action</th>
                        <br></br>
                        <tr>
                            <a href="Details">
                                <div style="height:100%;width:100%">
                                    Details
                                </div>
                            </a>
                        </tr>
                        <br></br>
                        <tr>
                                
                                    <img src="{!$Resource.TestDelete}"/>

                       </tr>
                        
                    </td>
                    
                    
                    
                    
                    
                </table>
            
            
            
            
            
        </lightning:layoutItem>
    </lightning:layout>
        </div>
        </div>
    </article>
</aura:component>

Hi,
I am just a beginner in lightning and trying to implement tree using SLDS .
I am just pasting the exact code of tree - https://www.lightningdesignsystem.com/components/trees/ 
in my component but getting following error - 


Someone Please guide me how to resolve this error and create a working tree for my requirement.


Thanks and Regards
Vaibhav Srivastava
 

I have a lightning datatable which is having various no. of columns.
Problem is that User has to scroll to right end to find the vertical scrollbar, I want the vertical scroller to be on the screen always so that whenver user wants to scroll down he can do it through scroller.
Please suggest any ideas how to achieve this.

I am adding a button that opens a modal window to add a task to a specific "Objective".  There is an add Task button next to every "Objective" that is displayed, but I'm not sure how I can pull the record Id of the specific objective the button sits next to so I can set the WhatId field of the task to that specific objective... Any ideas here? 

Thanks in advance.
 

<aura:iteration items="{!v.objectives}" var="obj" >


        	<div class="blacklink slds-col slds-size_11-of-12 slds-text-body_regular slds-m-bottom_small slds-box">
                	<a class ="blacklink" href="{!'/lightning/r/Task/'+ obj.Id + '/view'}" target="_blank">	{!obj.Description__c} </a>
            </div>
            <div id ="obj.Id" class="slds-size_1-of-12 slds-m-top_x-small slds-p-left_large">
                	<lightning:button label="+Task" class="slds-button slds-text-body_regular" onclick="{!c.taskopenmodal}" name="obj.Id"/>
                
			</div>
            
            	
                        <aura:if isTrue="{!obj.Tasks}">
                    	<div class="slds-col slds-size_3-of-5 slds-p-left_xx-large slds-m-bottom_small slds-text-heading_small slds-border_bottom" >
                            Task Subject
						</div>
                		<div class="slds-col slds-size_1-of-5 slds-m-bottom_small slds-text-heading_small slds-border_bottom">
                			Status
                		</div>
                		<div class="slds-col slds-size_1-of-5 slds-m-bottom_small slds-text-heading_small slds-border_bottom">
                			Owner
                		</div>
          				</aura:if>
                    
            <aura:iteration items="{!obj.Tasks}" var="t" >
                       	<div class="slds-col slds-size_3-of-5 slds-p-left_xx-large slds-m-bottom_small" >
                            <a href="{!'/lightning/r/Task/'+ t.Id + '/view'}" target="_blank">
                            {!t.Subject} 
                            </a>
						</div>
                		<div class="slds-col slds-size_1-of-5 slds-m-bottom_small">
                			{!t.Status}
                		</div>
                		<div class="slds-col slds-size_1-of-5 slds-m-bottom_small">
                			{!t.Owner.Name}
                		</div>
            </aura:iteration> 
            
         </aura:iteration>