0

我有一个使用 react-table v7 的表。我包含的功能之一是使单元格可单击并重定向到特定链接。我想让整行而不是单元格可点击,但应该重定向到与点击单元格时相同的链接。我怎样才能做到这一点?

下面是我在列中单击的实现。谢谢。

.......    
const columns = useMemo(

      () => [
        {
          Header: 'Task Name',
          accessor: 'name',
          Cell:e =><Link to={`${e.value}/runs`}>{e.value}</Link>,**//clickable cell**
          disableSortBy: true,
          disableFilters : true,
          Filter: SelectColumnFilter,
          filter: 'equals',
        },
        {
          Header: 'Square',
          accessor: d => `${d.module.name} ${d.function}`,
          disableSortBy: true,
          disableFilters : true,
        },
        {
          Header: 'Schedule',
          accessor: 'schedules',
          disableSortBy: true,
          disableFilters : true,
        },
        {
          Header: 'Runs',
          accessor: 'rundata.count',
          disableSortBy: true,
          disableFilters : true,
          Filter: SelectColumnFilter,
          filter: 'equals',
        },
        {
          Header: 'Last Run At',
          accessor: 'rundata.results[0].end_date',
          disableSortBy: true,
          disableFilters : true,
          Filter: SelectColumnFilter,
          filter: 'equals',
        },
    ]

    return(
    <>
         <TableContainer columns={columns} data={runs} />
    </>
  );
4

1 回答 1

2

在您的TableContainer定义中,您将输出行(trTableRow在 prepareRow 调用之后)

向该行添加一个 onclick。

例如。

<tr onClick={((e) => doSomething(e)} />
于 2020-09-03T21:33:16.197 回答