mui datatable получить данные строки при выборе флажка
Я пытаюсь получить данные из выбранной строки с помощью onRowClick и отобразить эти данные в поле ввода всплывающего диалогового окна, но, к сожалению, он не работает с selectableRowsOnClick = true и selectableRows: "multiple".
Любая помощь приветствуется.
Это мой код на данный момент:
const options = {
rowHove: true,
filter: true,
selectableRows: "multiple",
selectableRowsOnClick: false,
filterType: "checkbox",
responsive: "standard",
rowsPerPage: 10,
expandableRows: true,
//drag columns
draggableColumns: {
enabled: true,
transitionTime,
},
onRowsSelect: (rowsSelected, allRows) => {
const dataToState = allRows.map((item) => {
return item;
});
mySelectedRows = dataToState;
console.log(mySelectedRows);
console.log(allRows);
},
onRowSelectionChange: (
currentRowsSelected,
allRowsSelected,
rowsSelected
) => {
const dataToState = rowsSelected.map((item) => {
return item;
});
mySelectedRows = dataToState;
console.log(mySelectedRows);
console.log(currentRowsSelected);
console.log(allRowsSelected);
console.log(rowsSelected);
},
onCellClick: (cellIndex, rowIndex) => {
console.log(cellIndex, rowIndex);
console.log(cellIndex);
console.log(rowIndex);
},
onRowClick: (rowData, rowMeta) => {
console.log(rowData);
console.log(rowMeta[mySelectedRows]);
},
это всплывающий компонент
<Popup
title="Enter Cage No."
openPopup={openPopup}
setOpenPopup={setOpenPopup}
>
<Input placeholder="Enter Cage No." value={mySelectedRows}></Input>
<SubmitButton> Submit </SubmitButton>
</Popup>