Antd：table 行的工具提示

Question

我在 antd 中创建了一个 table，但我需要当鼠标悬停在该行上时应该显示工具提示。

我在列定义中这样做（为每个单元格呈现工具提示），但这样工具提示就隐藏在单元格之间。

示例：

   {
            title: 'Fecha de Pedido',
            dataIndex: 'fecha_pedido',
            rowKey: 'fecha_pedido',
            key: 'fecha_pedido',
            sorter: (a, b) => moment(a.fecha_pedido).unix() - moment(b.fecha_pedido).unix(),
            render:(text, record)=>(
               
                <Tooltip title="Click para ver el detalle del pedido">
                <span>{moment(record.fecha_pedido).format('DD-MM-YYYY HH:mm a')}</span>
              </Tooltip> 
             
            ),
        },

有没有办法在整行（而不是每个单元格）中显示工具提示？

提前致谢，如果您需要任何额外的代码片段，请告诉我。

Answer 1

您应该通过 Table 的 components.body.row 属性自定义 table 行组件。

CodeSandbox 中的示例：https://codesandbox.io/s/jibenyongfa-antd4150-forked-3djn4?file=/index.js:1742-1752

Antd：table 行的工具提示

Antd: Tooltip on table row

javascript

antd