Reactjs 反应台can'；自定义列上的t全局筛选

我有一张桌子。表中的某些列显示了多个数据。如何正确地进行全局筛选

const Table = ({ columns, data }) => {
  const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    rows,
    prepareRow,
    setGlobalFilter,
  } = useTable(
    {
      columns,
      data,
    },
    useGlobalFilter,
  );

资料

const columns=React.usemo(
() => [
{
标题：“Id”，
访问者：“id”，
},
{
标题：“名称”，
访问者：（d）=>
{d.label}-{d.name}
},
{
标题：“名称”，
访问者：（d）=>
{d.label}-{d.name}
},

]))

在上面的示例中，筛选仅适用于id列。标签和名称列未进行筛选。如何解决这个问题

const columns = React.useMemo(
    () => [
      {
        Header: 'Id',
        accessor: 'id',
      },
      {
        Header: 'Name',
        accessor: (d) =>
            <span className='label'> {d.label} - {d.name} </span>
      },
      {
        Header: 'Name',
        accessor: (d) =>
            <span className='label'> {d.label} - {d.name} </span>
      },