element-ui header table is provided to show multiple rows

Renderings

 

 html part

<Table EL-prop-column = ' the userId '  : the render-header = "General" label = " number of prizes | (distinguished from the total number of prizes) " Show-overflow-ToolTip align = left = " Center " > </ EL-the table- column> // use render-header

js part

General (H, column} {) {
         return H ( ' span ' , {}, [ 
            H ( ' span ' , {}, column.label.split ( ' | ' ) [ 0 ]), // provided a a | cutting, in order to wrap the point 
            H ( ' br ' ), 
            H ( ' span ' , {style: " Color: # C1C1C1; " }, column.label.split ( ' | ' ) [ . 1 ]) 
        ]) 
      },