爱码网专注于资源免费下载

ant-design-vue a-table 表头添加tooltip

闲话不说  直接上代码 

<a-table :columns="headerData" :dataSource="tableData" :pagination="pagination" :rowKey="res => res.order_num" :scroll="{ x: 1200,y:500 }" class="mb20">
        <span slot="customTitle">
          打款回单
          <a-tooltip placement="top">
            <template slot="title">
              <span> tooltip显示的文字   </span>
            </template>
            <a-icon type="question-circle" />
          </a-tooltip>
        </span>
      </a-table>
{
  id: "9",
  slots: { title: 'customTitle' },
  width: 100,
  ataIndex: 'receipt_file',
}

最主要的一点是确保title的值和表头里面  slot 所对应的值是一致的 ,如本文提到的  customTitle

原文:https://blog.csdn.net/ks8380/article/details/119901043

本文链接:https://www.icode1024.com/article/173.html

网友评论