title: Dynamically change column values in angular material mat-grid-list
body: <p>I am using mat-grid-list :<a href="https://material.angular.io/components/grid-list/examples" rel="nofollow noreferrer">https://material.angular.io/components/grid-list/examples</a></p>
  
  <p>So in the documentation it is given (you can refer the link below) : </p>
  
  <p>Adding tiles that span multiple rows or columns
  It is possible to set the rowspan and colspan of each mat-grid-tile individually, using the rowspan and colspan properties. If not set, they both default to 1. The colspan must not exceed the number of cols in the mat-grid-list. There is no such restriction on the rowspan however, more rows will simply be added for it the tile to fill.</p>
  
  <p>But my Issue is that I want a structure like this :</p>
  
  <p>there will be three rows and in the first row 3 columns, 2nd Row 4 columns and 3rd row 2 columns. Like a collage frame. the number of columns per row will be send dynamically.</p>
  
  <p>Is there any solution or an alternative way of achieving this?
  refer this Image : <a href="https://i.stack.imgur.com/AhsrY.png" rel="nofollow noreferrer">https://i.stack.imgur.com/AhsrY.png</a></p>