Angular 2 - expand collapse table row

Question

There is a requirement to show an in-place row details when I click on an inspector icon of the table which would expand or collapse just like a toggle on click of a button

Answer 1

  
      
      
    
     
     

       

     

      
Name
      
Created On
      
Last Modified
     
       
       

     

      

    
     {{ item.MenuName }}
      
      
{{ item.CreatedBy }}
      
{{ item.CreatedDate }}
      
      

     

        
           {{ subitem.MenuName }}
     
     
{{ subitem.CreatedBy }}
     
{{ subitem.CreatedDate }}
    
    

     
       {{ sub.MenuName }}
     
{{ sub.CreatedBy }}
     
{{ sub.CreatedDate }}