Elements Table 指定列 Tooltip 文字提示

<el-table-column show-overflow-tooltip header-align="center" align="right" prop="overdue" label="测试1" width="130px" :render-header="renderTipsHeader"/>
// table title 浮窗提示
    renderTipsHeader(h, { column, $index }) {
      let Title = ''
      switch ($index) {
        case 1:
          Title = '测试测试'
          break
        default:
          Title = ''
          break
      }
      const TABLETITLE = [
        h('span', column.label),
        h('el-tooltip', {
          props: {
            effect: 'dark',
            content: `${Title}`,
            placement: 'top'
          }
        }, [
          h('i', {
            class: 'el-icon-question',
            style: 'color:#409EFF;margin-left:5px;'
          })
        ])
      ]
      return h(
        'div', TABLETITLE
      )
    }

猜你喜欢

转载自blog.csdn.net/qq_40080423/article/details/109685927