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>

0 ответов

Другие вопросы по тегам