如何为父元素和嵌套子行应用不同的渲染方式

Question

我正在使用react-table，我该如何应用两种不同的渲染方式，一种用于父元素，另一种用于subRows。

对于父元素，我想显示一个值。但是对于子行，我想显示一个输入以更改它们及其值。

Cell: row => <span>Mid<input /></span>

我对列进行了此操作，但它也覆盖了父元素的渲染方式。父元素应该只显示值，而不显示输入。

如下面的屏幕截图所示

Answer 1

我浏览了文档。并且看起来没有理想的方法来应用它。您是否考虑过通过CSS进行管理]

单元格：行=>中间

td:first-child input {
  display: none;
}