Reactjs 是否可以将一行输入控件添加到Ant表中以进行搜索。请参考所附图片

Reactjs 是否可以将一行输入控件添加到Ant表中以进行搜索。请参考所附图片,reactjs,antd,Reactjs,Antd,我想在antd表格的列标题行的正下方添加一行inputstext输入,用于过滤目的的下拉列表。请参考所附图像。是否可以这样做 我不知道您如何处理数据,但如果您只需要输入,我发现了两种可能性: 您可以将JSX传递给标题数组的标题属性: 这里我传递一个输入,但您可以创建一个自定义组件,该组件接受您想要过滤的数据片段 您可以添加一行,其中每个列都包含输入自定义组件,该组件将数据作为道具传递: 我认为第二个更容易设置。假设数据来自API调用,则这些数据在用于在表中显示数据的数据数组之外可用。因此,您可以

我想在antd表格的列标题行的正下方添加一行inputstext输入,用于过滤目的的下拉列表。请参考所附图像。是否可以这样做


我不知道您如何处理数据,但如果您只需要输入,我发现了两种可能性:

您可以将JSX传递给标题数组的标题属性: 这里我传递一个输入,但您可以创建一个自定义组件,该组件接受您想要过滤的数据片段

您可以添加一行,其中每个列都包含输入自定义组件,该组件将数据作为道具传递: 我认为第二个更容易设置。假设数据来自API调用,则这些数据在用于在表中显示数据的数据数组之外可用。因此,您可以对其进行过滤,将任何您想要的作为道具传递,并在cutom输入/选择组件中对其进行管理


这听起来像是在复制数据,但我想不出另一种方法。

这不取决于代码是如何生成的,也不取决于过滤器输入中需要什么。你能提供一个stackblitz吗?这只是一个线框,如果你想参考antd表的实现,请参考这个链接
{
  title: <div>Notes<br /><input type='text' /></div>,
  dataIndex: 'note',
  width: 100,
},
{
  key:0,
  date: <input type='text' />,
  amount: <input type='text' />,
  type: <input type='text' />,
  note: <input type='text' />,
},