美文网首页
element 表格表头换行,指定某字大小

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

作者: 一名小IT | 来源:发表于2018-10-29 10:41 被阅读0次

    <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] || ''] )
                                 ]
                     )
             }
    }

                                                                                            效果图

    相关文章

      网友评论

          本文标题:element 表格表头换行,指定某字大小

          本文链接:https://www.haomeiwen.com/subject/qtcltqtx.html