title: Set z index on table cell div for each row in angular material
body: <p>I'm trying to set z index/overlayed div on each row's cell which is having expandable effect on icon click.</p>
  
  <p>Issue here is it(icons) expands column even I gave z-index for overlaying it over other(left side) columns instead. Expectation here is it shouldn't expand column width, instead of that it should overlay left side for every icons.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-u16asn" rel="nofollow noreferrer">Here</a> is StackBlitz for the same where it is expanding column.</p>
  
  <p><a href="https://i.stack.imgur.com/WVk3I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WVk3I.png" alt="Expectation"></a></p>