ant-design-vue a-table 鼠标悬浮提示框
<a-table>
<a-tooltip slot="tool" placement="topLeft" slot-scope="text">
<template slot="title">{{text}}</template>
{{text}}
</a-tooltip>
</a-table>
{
title: 'Name',
dataIndex: 'name',
key: 'name',
width: 155,
ellipsis: true,
scopedSlots: { customRender: 'tool' },
},
ant-design-vue a-table 鼠标悬浮提示框
最新推荐文章于 2024-07-19 20:47:06 发布
文章介绍了如何在ant-design-vue的a-table组件中结合a-tooltip实现数据列的鼠标悬浮提示功能,通过scopedSlots的customRender插槽进行自定义渲染,特别是对ellipsis内容的扩展展示。
摘要由CSDN通过智能技术生成