添加带有按钮的列，该按钮有助于在material-table react中路由到新页面(点击时)

在Material-Table React中添加带有按钮的列，该按钮可以通过点击来路由到新页面。以下是一个完善且全面的答案：

在Material-Table React中，要添加带有按钮的列并实现路由功能，可以按照以下步骤进行操作：

首先，确保你已经安装了Material-Table React库，并在你的项目中引入它。
在你的表格组件中，定义一个新的列配置对象，该对象将包含你要添加的按钮列的相关信息。例如：

const columns = [
  // 其他列配置...
  {
    title: '操作',
    render: rowData => (
      <Button onClick={() => handleButtonClick(rowData.id)}>查看详情</Button>
    ),
  },
];

在上面的代码中，我们定义了一个名为"操作"的列，并使用render属性来渲染每一行的按钮。按钮的点击事件onClick将调用handleButtonClick函数，并传递当前行的id作为参数。

在你的表格组件中，实现handleButtonClick函数，该函数将处理按钮点击事件并执行路由导航。你可以使用React Router或其他路由库来实现导航功能。以下是一个示例：

import { useHistory } from 'react-router-dom';

const YourTableComponent = () => {
  const history = useHistory();

  const handleButtonClick = (id) => {
    // 执行路由导航到新页面，例如：
    history.push(`/details/${id}`);
  };

  // 其他组件代码...

  return (
    <MaterialTable
      columns={columns}
      // 其他表格配置...
    />
  );
};

在上面的代码中，我们使用useHistory钩子来获取路由历史对象。在handleButtonClick函数中，我们使用history.push方法来导航到新页面。你可以根据自己的需求进行路由路径的定义。