Сделайте так, чтобы щелкнули всю строку вместо таблицы реакции ячеек v7

У меня есть таблица, в которой используется таблица реакций 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} />
    </>
  );

1 ответ

В твоем TableContainer определение, вы будете выводить строки (tr или TableRow сразу после вызова prepareRow)

Добавьте в эту строку onclick.

например.

<tr onClick={((e) => doSomething(e)} />
Другие вопросы по тегам