固定数据表2中的内联编辑

Question

我使用固定数据表2来呈现JSON对象。 当我单击行上的按钮时，我想在表格的行中添加内联编辑。

我已经浏览了链接上的文档：

http://schrodinger.github.io/fixed-data-table-2/

但是我无法在固定数据表中找到创建内联编辑的文档。

Answer 1

要无法编辑行，您必须在单击该行的按钮时有条件地更改单元格组件以包含<input value={...}/>。

const MyCustomCell = ({ isEditing}) =>
      <Cell>
        {isEditing? "222" : <input value="222" type=number/>}
      </Cell>;


    <Column
      header={<Cell>Col 3</Cell>}
      cell={<MyCustomCell isEditing/>}
      width={2000}
    />