How colSpan and row Span added to material table Header Angular 7?

Question

I\'m trying to add rowSpan and colSpan in Angular material Table header. Can anyone help me to achieve it.

Answer 1

For your exemple try this

    
            
            
            
            
            
            

  
state
        
alabama
        
        
utility company
        
company1
        
        
{{'data1' | translate}}
        
3.45
        
        
{{'data2' | translate}}
        
1.73
        
        
{{'data3' | translate}}
        
0.58
        

        
{{'summer period' | translate}}
        

        

 

 

 

I just reverse the order of the summer row because seem to not work this way