nmxiaowei / avue

Avue.js2.0是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,同时内置了丰富了数据展示组件,让开发变得更加容易
https://avuejs.com
MIT License
2.22k stars 488 forks source link

多级表头是否支持自定义内容 #623

Closed hua12lao closed 1 year ago

hua12lao commented 1 year ago
column: [{
          label: '工时',
          prop: "lxgs",
          headerslot: true,
          children:[{
            label: "设计",
            prop: "designTime",
            type: "number",
            min:0,
            max:999,
            precision:1,
            cell:true,
            maxlength: 20,
            headerslot: true,
          },
          {
            label: "研发",
            prop: "developTime",
            type: "number",
            min:0,
            max:999,
            precision:1,
            cell:true,
            maxlength: 20,
          },
          {
            label: "测试",
            prop: "testTime",
            type: "number",
            min:0,
            max:999,
            precision:1,
            cell:true,
            maxlength: 20,
          }]
        },]
<template #lxgsHeader="{column}">
            <span>
               {{(column || {}).label}}
              <el-tooltip placement="top">
                <div slot="content">
                  Tips: 提示
                </div>
              <i class="el-icon-question" />
              </el-tooltip>
            </span>
          </template>
<template #designTimeHeader="{column}">
            <span>
               {{(column || {}).label}}
              <el-tooltip placement="top">
                <div slot="content">
                  Tips: 提示
                </div>
              <i class="el-icon-question" />
              </el-tooltip>
            </span>
          </template>

给多级表头设置自定义样式时无效 Version: 2.8.2

nmxiaowei commented 1 year ago

更新版本即可