Можно ли заменить ячейки таблицы другими элементами, используя display: table-cell? ⇐ Html

[Anonymous]

Мне нужно сделать так, чтобы ячейки (или строки) таблицы были связаны с другими страницами. В настоящее время они используют onClick для изменения URL-адреса, но ему не хватает UX реальных элементов привязки, таких как открытие в новой вкладке и т. д.
Я попробовал заменить всю строку стилем и display: table-row, и это работает отлично... за исключением того, что React настаивает на том, что не является допустимым дочерним элементом tbody, а td не является допустимым дочерним элементом a.
Должен ли я переделать всю таблицу с использованием стилизованных элементов div, или какое здесь решение?
Изменить:
Я пытался заставить покрывать каждую ячейку, но сделать это очень сложно, поскольку высота: 100% не работает. Абсолютно позиционированные ссылки работают только в том случае, если ячейка не имеет интерактивного содержимого. Использование обоих одновременно (с абсолютно позиционированной ссылкой позади обычной), вероятно, работает, но это требует большого количества дополнительных элементов.

Подробнее здесь: https://stackoverflow.com/questions/798 ... ay-table-c