在带有省略号的表格单元格中显示工具提示：Ant Desing

Question

我使用 Ant Design 库来渲染 Table 和 Tooltip 组件。如果您在表列设置中指定：

ellipsis: {
    showTitle: false,
},

render: (value) => (
    <Tooltip placement="top" title={value}>
        <span>{value}</span>
    </Tooltip>
),

然后，当您将鼠标悬停在表格单元格上时，将显示工具提示。

如何让工具提示仅在有省略号时显示？如果没有省略号，则不会显示工具提示。

我尝试使用 useState，但它只适用于一个 html 元素，而我有很多这样的元素。

Answer 1

仅当 antd 中发现省略号时，请使用 Typography.Text 添加工具提示。 antdcodesandbox 非常不言自明。

针对类似需求，我对 antd 默认工具提示添加了样式更改，并使用 Typography.Text 进行条件显示。

但是如果您需要 antd Tooltip 组件本身，这个答案恐怕对您没有帮助。