Material ui 选择Mui数据表上的行
这是我在React中首次尝试使用MUI数据表。 我想从复选框中选择的行中获取数据Material ui 选择Mui数据表上的行,material-ui,mui-datatable,Material Ui,Mui Datatable,这是我在React中首次尝试使用MUI数据表。 我想从复选框中选择的行中获取数据 const options = { download: false, print: false, viewColumns: false, filterTable: false, filter: false, onRowsSelect:(currentRowsSelected: any, allRowsSe
const options = {
download: false,
print: false,
viewColumns: false,
filterTable: false,
filter: false,
onRowsSelect:(currentRowsSelected: any, allRowsSelected: any) => {console.log(allRowsSelected);}
};
这只提供所选行的索引。是否有方法获取其行的数据。我需要行的第一个单元格来删除/更新数据库。
有人能帮我吗
多谢各位 当前的
onRowsSelect
API似乎只提供所选行的索引和所选行数
要检索行数据,必须提供一个onRowClick
函数。它侦听一行上的单击事件
onRowClick: (rowData, rowState) => {
console.log(rowData, rowState);
},
您需要在选项中使用onrow甚至单击
const options = {
filterType: 'dropdown',
responsive: 'scrollFullHeight',
serverSide: true,
count: total,
page: page,
onRowClick: handleRowClick,
}
并将此选项传递到MUI数据表中
<MUIDataTable
title={"Service Request List"}
data={requests}
columns={columns}
options={options}
/>
您可以从onrowselect函数获取所选列的索引:
onRowsSelect : (curRowSelected, allRowsSelected) => {
console.log("---RowSelect")
console.log("Row Selected: ", curRowSelected);
console.log("All Selected: ", allRowsSelected);
}
并使用该索引从数据列表中获取数据
onRowsSelect : (curRowSelected, allRowsSelected) => {
console.log("---RowSelect")
console.log("Row Selected: ", curRowSelected);
console.log("All Selected: ", allRowsSelected);
}