zoukankan      html  css  js  c++  java
  • element 表格表头 显示图标

    如同:

         <el-table-column
              v-for="(item,index) in monthList"
              :key="index"
              :sortable="false"
              :label="item.m"
              :render-header="renderHeader"
            >
              <template slot-scope="scope">
                <el-input v-if="scope.row['isOK'+(index+1)] " :ref="'gain'+(index+1)" v-model="scope.row['month' + (index+1)]" size="mini" style="100%;hight:100%" @keyup.native.enter="blurClick(scope)" @blur="blurClick(scope)" @keyup.native="scope.row['month' + (index+1)] = oninput(scope.row['month' + (index+1)])" />
                <span v-else size="mini">{{ scope.row['month' + (index+1)] }}</span>
              </template>
            </el-table-column>
    
    
       renderHeader(h, { column, $index }) {
          return h(
            // 添加一个span    标签 class类为renderHead 父级标签 最外层标签
            'span',
            {
              class: 'renderHead'
            },
            [
              // 把节点添加为table的头部信息单元格中
              h('span', column.label), // table 显示的label值 
              //  第二个节点 el-icon-question 标签(elemen图标) el-tooltip 为显示数据容器element中
              h(
                'el-tooltip',
                {
                  attrs: {
                    content: '可编辑',
                    placement: 'top'
                  }
                },
                // 添加span节点 定义class为el-icon-question
                [
                  h('span', [
                    h('span', {
                      attrs: { class: 'el-icon-edit' }
                    })
                  ])
                ],
              )
            ],
          )
        },
  • 相关阅读:
    LOJ6274 数字
    test20200415 看门人 和 WC2010 重建计划
    TJOI2018 Party 和 HDU4352 XHXJ's LIS
    LOJ3228 Tree Depth
    AGC026D Histogram Coloring
    LOJ3277 星座 和 BZOJ2616 PERIODNI
    LOJ2331 某位歌姬的故事 和 CF1327F AND Segments
    AGC024F Simple Subsequence Problem
    LOJ3278 收获
    LOJ3282 治疗计划
  • 原文地址:https://www.cnblogs.com/javascript9527/p/14527870.html
Copyright © 2011-2022 走看看