Ant Design Vue 使用table 设置 Tooltip 提示文字

Ant Design Vue 使用table 设置 Tooltip 提示文字

tepmlate部分

  header部分
  <template #headerCell="{ column }">
    <Tooltip color="#3b4146">
      <template #title>
        <div style="color: #ffffff">
          提示内容
        </div>
      </template>
      <div style="cursor: pointer; width: 100%">
        分数<question-circle-outlined style="padding-left: 10px" />
      </div>
    </Tooltip>
  </template>
  body部分
  <template #bodyCell="{ column, text }"> </template>

js部分

const columns = [
	{
     title: '分数',
     dataIndex: 'score',
     align: 'center',
   },
]