Bootstrap

vue实现el-table-column中自定义label

默认的label只能显示普通文字,如果有一些特殊需求,比如换行显示,更改文字颜色,更改文字大小,就需要自定义label了

<el-table-column label="组合" align="center" key="combinData" prop="combinData">
          <template #header>
            <div>
              <span>组合</span>
              <br>
              <span>双动道岔</span>
            </div>
          </template>
        </el-table-column>

效果图如下
在这里插入图片描述

;