如何在element-ui(vue.js)中的表头中添加工具提示?

赛德

我以为这样可以,但是没有:

<template lang="pug">
  el-table(:data="myDataSet")
    el-table-column
      template(slot="label")
        el-tooltip(content="Verification of Reference")
          | VOR Status
      template(slot-scope="props")
        | {{ props.row.myData }}
</template>

请帮忙,谢谢。

正弦波
<el-table-column prop="value"
                 label="Value"
                 :render-header="renderPhaseHeader">
</el-table-column>

methods: {
  renderPhaseHeader(h, { column }) {
    return h('span', {
      class: 'class-name-if-you-want'
    }, [
      column.label + " ",
      h('el-tooltip', {
        class: 'class-name-if-you-want',
        attrs: {
          'content': 'message',
          'effect': 'light',
          'placement': 'top-start'
        }
      }, [
        h('i', {
          class: 'far fa-question-circle'
        })
      ])
    ])
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在自定义Excel功能区UI中添加工具提示?

如何在Vuetify中将工具提示添加到数据表头中?

如何在Google图表的图例中添加工具提示

如何在SVG图形中添加工具提示?

如何在xslt中添加工具提示

如何在 Angular JS 中为禁用的 <li> 项添加工具提示

如何在js生成的按钮中添加工具提示文本?

如何在d3.js路径中添加工具提示?

Vue + Element UI:如何在表格中使用动态工具提示

如何在Bootstrap-Vue中增加工具提示的宽度

如何从json中读取d3.js中的矩形添加工具提示

Vue Js Element UI 如何在表格列中呈现数组对象

如何在HTML的<选择>框中的<选项>中添加工具提示?

如何在Eclipse SWT组合中为项目添加工具提示条目

如何在jtable的单元格中添加工具提示?

如何在jQuery Date Picker中为禁用日期添加工具提示?

如何在Matlab图形中添加工具提示或覆盖文本

如何在角度 2 中动态地在输入框上添加工具提示

如何在Java SWT中为TableViewer单元添加工具提示

如何在通过Seaborn热图绘制的混乱矩阵中添加工具提示?

如何在highcharts中的x轴标签上添加工具提示?

如何在 Microsoft Bot Framework Webchat 中向 QnAMakerOptions 按钮添加工具提示

如何在SWT / JFace中向表列标题添加工具提示

如何在Ionic上添加工具提示

如何在 element-ui 表中添加 keydown 事件?

如何在Firefox 57中增加工具提示的大小?

如何为Kendo Multi Select中的项目添加工具提示

如何在Kendo UI for Vue中启用文化支持?

如何在Kendo UI Vue Grid中锁定列(本机)