在react material-table中添加新行时，有什么方法可以设置单元格的默认值？

问题描述

当我在可编辑的物料表中添加新行时，我试图将学分和数字成绩单元格的默认值设置为0而不是空白（请参见屏幕截图）。 material-table.com在材料表网站上似乎没有任何文件。

解决方法

您可以使用这样的自定义组件：

{ 
  title: 'Credits',field: 'courseCredits',editComponent: (props) => (
    <Input 
      defaultValue={props.value || 0} 
      onChange={(e) => props.onChange(e.target.value)} 
      type="number"
    /> 
}

,

material-table.com上有一个文档 https://material-table.com/#/docs/features/editable

添加新行时，可以使用column.initialEditValue设置initialValue。