Есть ли какой-либо способ установить значение по умолчанию для ячеек при добавлении новой строки в react material-table?

#javascript #reactjs #material-table

#javascript #reactjs #material-table

Вопрос:

Когда я добавляю новую строку в свою редактируемую таблицу материалов, я пытаюсь установить значение по умолчанию для ячеек с кредитами и числовыми оценками равным 0 вместо пустого (см. Скриншот). На веб-сайте material-table, похоже, нет какой-либо документации для этогоmaterial-table.com.

Ответ №1:

Существует документация по material-table.com https://material-table.com/#/docs/features/editable

Вы можете использовать column.initialEditValue для установки начального значения при добавлении новой строки.

Ответ №2:

Вы можете использовать пользовательский компонент, подобный этому:

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

Комментарии:

1. Вам нужен импорт для тега <Input /> или вы можете просто вставить его?

2. Если вы используете material-ui, вы можете импортировать textfield ( material-ui.com/api/text-field/#textfield-api ), или просто используйте стандартный html-inputfield ( developer.mozilla.org/en-US/docs/Web/HTML/Element/input )