creating a table in ionic

Question

I am in need of creating a table in Ionic. I thought of using Ionic grid but could not achieve what I wanted. How can I do this? Here is an image of something similar to what i

Answer 1

.html file

      
Header 1
      
Header 2
      
Header 3
      
Header 4
      
Header 5
      
Header 6
      
Header 7

    
    

      

        Cell1
      
      

          Cell2
      
        

            Cell3
          

      

        Cell5
      
      

          Cell6
        
        

            Cell7
          
          

              Cell8
            
    

.scss file

.row{
    display: flex;
    flex-wrap: wrap;
    width: max-content;
}
.row:first-child .summarycell{
    font-weight: bold;
    text-align: center;
}
.cell{
    overflow: auto;
    word-wrap: break-word;
    width: 27vw;
    border: 1px solid #b3b3b3;
    padding: 10px;
    text-align: right;
}
.cell:nth-child(2){
}
.cell:first-child{
    width:41vw;
    text-align: left;
}