element 表格表头换行,指定某字大小

<el-table-column   prop="earningsTotal" 
                              label="累计收益率 (今年以来)"
                              min-width='110px'   // 设置最大宽度
                              :render-header="renderHeader">  // 列标题 Label 区域渲染使用的 Function
</el-table-column> 


methods:{
        renderHeader(createElement, { column, _self }) {
                console.log(createElement)      //  function (a, b, c, d) { return createElement(vm, a, b, c, d, true); };
                const label = column.label
                const labelArr = label.split(' ')
                return createElement(
                             'span',     //创建最外层的标签可随意
                             [
                                 createElement('span', {  // 创建第一个元素的标签可随意
                                 attrs: { type: 'text' } 
                                 },[labelArr[0]] ),
                                 createElement('p', {  // 创建第二个元素的标签可随意 
                                 attrs: { type: 'text', style: 'font-size:12px' } // 给分割的某个元素单独加样式
                                 }, [labelArr[1] || ''] )
                             ]
                 )
         }
}

                                                                                        效果图

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容