antdesignpro 操作栏查看当前行

根据您提供的信息，我猜测您正在使用 Ant Design Pro 框架中的 Table 组件进行开发，想要在操作栏中添加一个“查看详情”按钮，点击该按钮可以查看当前行的详细信息。

您可以通过以下步骤来实现该功能：

1. 在 Table 组件中添加一个操作栏，可以使用 `column` 的 `render` 方法来实现，例如：

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '地址',
    dataIndex: 'address',
    key: 'address',
  },
  {
    title: '操作',
    key: 'action',
    render: (text, record) => (
      <Space size="middle">
        <a onClick={() => this.showModal(record)}>查看详情</a>
      </Space>
    ),
  },
];

在上述代码中，我们添加了一个操作栏，并在其中添加了一个“查看详情”按钮。在按钮的 `onClick` 事件中，我们调用了 `showModal` 方法，并将当前行的数据作为参数传入。

2. 在组件中编写 `showModal` 方法，用于显示对话框并展示当前行的详细信息，如下所示：

showModal = (record) => {
  Modal.info({
    title: '详细信息',
    content: (
      <div>
        <p>姓名：{record.name}</p>
        <p>年龄：{record.age}</p>
        <p>地址：{record.address}</p>
      </div>
    ),
    onOk() {},
  });
};

在上述代码中，我们使用了 Ant Design 中的 Modal 组件来显示对话框，并在其中展示了当前行的详细信息。您可以根据需要修改 Modal 的样式和展示内容。

这样，当用户点击操作栏中的“查看详情”按钮时，就会显示一个对话框来展示该行的详细信息。