Question

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

我在列定义中执行此操作（为每个单元格呈现工具提示），但通过这种方式工具提示隐藏在单元格之间。

示例：

   {
            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

您应该通过 components.body.row 的道具的 Table 自定义表格行组件。

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

Antd：表格行上的工具提示

1 个答案: