使用Ant Design UI的React表中的可编辑行

Question

大家好，我是新来反应js的人。我需要一些帮助。

我想要一个3x3的React js表。第一行应包含带有复选框的表标题。如果标题的标题已选中，则仅其对应的列应可编辑，否则将被禁用。我该如何实现？我只允许使用Ant Design。

请有人帮忙。

Answer 1

您需要在Table组件（https://ant.design/components/table/#API）上使用 components 属性，并使用包含开关的自定义组件覆盖标头单元格：

<Table
  components={{
    header: {
      cell: <YourCustomComponentForHeaderCellWhichIncludesSwitch />
    }
  }}
/>

另请参阅https://github.com/ant-design/ant-design/blob/1c85bb3b6231a01c53c53204846a03c4cfdf41f9/components/table/interface.tsx#L39。