element-ui的表头label如何添加换行的样式,自定义表头格式。render-header

 

 
      
      
 

element-ui的表头label如何添加换行的样式,自定义表头格式。render-header_第1张图片

 

you有时候我们希望label中的内容换行,比如。element-ui的表头label如何添加换行的样式,自定义表头格式。render-header_第2张图片

这个时候我们在label无法达到换行的目的。我们就可以考虑使用下面的这个render-header

element-ui的表头label如何添加换行的样式,自定义表头格式。render-header_第3张图片

 

 使用方法是

 
     
     
 

    //渲染表头,换行
            renderHeader (h,para) {
                   return h('div',{
                        attrs:{
                          class:'cell',
                        },
                        domProps:{
                          innerHTML:'班级人数
(现有学生数/总学生数)'
                        }
                      })
            },

你可能感兴趣的:(element-ui的表头label如何添加换行的样式,自定义表头格式。render-header)