title: How To Achieve the desired Design in uicollection view using decorator view
body: <p>See the following boarder of the each items (Border Spacing)</p>
  
  <p><a href="https://i.stack.imgur.com/A9rC9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A9rC9.png" alt="enter image description here"></a></p>
  
  <p>With collection view Header I am able to achieve the following out put but stuck at how to put separator inside the uicollection view. also the number of cell inside the row is dynamic.</p>
  
  <p>and last row should not the the bottom separator
  any help is really appreciate..</p>
  
  <p>For Achieving  the following layout i only use the collection view with section header 
  I have already done the following output</p>
  
  <p>All section are collapsed </p>
  
  <p><a href="https://i.stack.imgur.com/azflo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/azflo.png" alt="enter image description here"></a>
  clicked on particular secttion</p>
  
  <p><a href="https://i.stack.imgur.com/wozBM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wozBM.png" alt="enter image description here"></a></p>
  
  <p>Just the separator part is remaining for each expanded section
  I cant figure out how can i achieve the same using decoration view.</p>