我正在使用具有内联编辑模式的材料表,现在我想要所有内联编辑字段都是必需的,如果用户留下输入为空或类似的东西,材料表应该显示错误消息并禁用按钮。
目前,我必须使用 editComponent 来覆盖输入。无论如何我可以通过材料表来做到这一点而不会覆盖?
我正在使用具有内联编辑模式的材料表,现在我想要所有内联编辑字段都是必需的,如果用户留下输入为空或类似的东西,材料表应该显示错误消息并禁用按钮。
目前,我必须使用 editComponent 来覆盖输入。无论如何我可以通过材料表来做到这一点而不会覆盖?
我让它像这样工作
{
field: 'name',
title: 'Name',
validate: (rowData) => rowData.name=== "" ? {isValid:false, helperText:'Name is required'}:true,
editComponent: props => { return <TextField value={props.value}
onChange={(event) => {props.onChange(event.target.value)}}
error={props.error} helperText={props.helperText}/>}
}