element-ui 自定义表头label(利用 :slot=“header“ slot-scope=“slot“)

复制代码
 <el-table :data="Gbtable" border style="width: 100%">
            <el-table-column prop=" date" label="责任方" align="center" >
            </el-table-column>
            <el-table-column prop="name" label="柜名" align="center">
            </el-table-column>
            <el-table-column prop="address" align="center">
              <template slot="header" slot-scope="slot">
                <span class="gbRed">*产品名称</span><br />
                <span class="gbMiniBlack">板件输条码/五金输名称</span>
              </template>
              <template slot-scope="scope">
                <div>
                </div>
              </template>
            </el-table-column>
 <el-table-column prop="name" label="材质" align="center">
            </el-table-column>
      </el-table>

效果如下:

重点看这:

复制代码
      <el-table-column prop="address" align="center">
//重点
              <template slot="header" slot-scope="slot">
                <span class="gbRed">*产品名称</span><br />
                <span class="gbMiniBlack">板件输条码/五金输名称</span>
              </template>
//
              <template slot-scope="scope">
                <div>
                </div>
              </template>
            </el-table-column>
相关推荐
Meteors.几秒前
安卓进阶——UI控件
ui·安卓
韩立学长2 分钟前
【开题答辩实录分享】以《智慧校园勤工俭学信息管理系统的设计与实现》为例进行答辩实录分享
vue.js·spring boot·微信小程序
掘金安东尼8 分钟前
Transformers.js:让大模型跑进浏览器
开发语言·javascript·ecmascript
@PHARAOH11 分钟前
HOW - localstorage 超时管理方案
前端·javascript·vue.js
im_AMBER26 分钟前
React 05
开发语言·前端·javascript·笔记·学习·react.js·前端框架
DokiDoki之父1 小时前
前端速通—Vue_简介 & 第一个Vue程序 & el:挂载点 & data:数据对象 & Vue指令
javascript·vue.js·ecmascript
RickyWasYoung2 小时前
【matlab】字符串数组 转 double
android·java·javascript
万少2 小时前
Trae AI 编辑器6大使用规则
前端·javascript·人工智能
Crystal3283 小时前
app里video层级最高导致全屏视频上的操作的东西显示不出来的问题
前端·vue.js
weixin_445476683 小时前
Vue+redis全局添加水印解决方案
前端·vue.js·redis