материал-таблица Как сделать выбираемую и редактируемую таблицу?

Question

Я хочу сделать это (некоторые действия для выбранных и некоторые действия для каждой строки).Помогите пожалуйста, спасибо!

Я использую material-table с ReactJS.Теперь у меня есть действия в каждой строке без возможности выбора, если добавить опору, эти действия исчезнут.Я не знаю, как объединить действия каждой строки с несколькими действиями ..

Answer 1

Вот точное место в источнике, где решено, показывать ли столбец действий, когда для свойства selection установлено значение true :

if (this.props.actions && this.props.actions.filter(a => !a.isFreeAction && !this.props.options.selection).length > 0) {
    // ... 
}

Другое такое место находится в renderActions методе :

const actions = this.props.actions.filter(a => !a.isFreeAction && !this.props.options.selection);

Так что это либо должен быть isFreeAction, либо selection должен быть установлен в false ,Единственный способ настроить это в настоящий момент - переопределить компонент Row - в основном скопировать / вставить его, изменить эти условия, импортировать результат как новый компонент и предоставить его в свойстве components конфигурации material-tableв качестве переопределения для Row.

CodeSandbox: https://codesandbox.io/s/jovial-architecture-ggnrl