在反应材料表中添加新行时，有没有办法为单元格设置默认值？

Question

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

Answer 1

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

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

Answer 2

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

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