Javascript 如何在button-React js的onclick事件中以编程方式选择物料表的行
我正在使用材料表。我需要根据某些条件单击按钮选择多行。该条件写在下面的代码中。有人能告诉我如何根据某些条件选择多行吗Javascript 如何在button-React js的onclick事件中以编程方式选择物料表的行,javascript,reactjs,onclick,material-table,Javascript,Reactjs,Onclick,Material Table,我正在使用材料表。我需要根据某些条件单击按钮选择多行。该条件写在下面的代码中。有人能告诉我如何根据某些条件选择多行吗 <MaterialTable icons={tableIcons}title="" columns={[ { title: 'Project Name', field: 'Pr
<MaterialTable
icons={tableIcons}title=""
columns={[
{ title: 'Project Name', field: 'Project_Name', render: rowData => <Link to='/projectdetails'>{rowData.Project_Name}</Link> },
{ title: 'Methods Covered', field: 'Methods_Covered', type: 'numeric' },
{ title: 'Methods not Covered', field: 'Methods_not_Covered', type: 'numeric' },
{ title: 'Total Methods', field: 'Total_Methods', type: 'numeric' },
]}
data={this.state.results}
components={{
Toolbar: props => (
<div>
<MTableToolbar {...props} />
<div className="Mtable">
<div>
<Button color="primary" onClick={rowData =>
(rowData.Methods_Covered ?
rowData.tableData.checked = true :
rowData.tableData.checked = false)}>
select Highlighted</Button>
</div>
</div>
</div>
),
}}
onSelectionChange={this.handleSelect}
onRowClick={this.handleRowClick}
options={{
sorting: true,
selection: true,
search: true,
searchAutoFocus: true,
searchFieldAlignment: 'right',
searchFieldStyle: {
border: 'solid black 2px',
},
}}
/>
{rowData.Project_Name},
{title:'Methods Covered',field:'Methods_Covered',type:'numeric'},
{title:'Methods not Covered',field:'Methods_not_Covered',type:'numeric'},
{title:'Total Methods',字段:'Total_Methods',键入:'numeric'},
]}
数据={this.state.results}
组成部分={{
工具栏:道具=>(
(rowData.Methods_是否涵盖?
rowData.tableData.checked=true:
rowData.tableData.checked=false)}>
选择突出显示的
),
}}
onSelectionChange={this.handleSelect}
onRowClick={this.handleRowClick}
选择权={{
排序:对,
选择:正确,
搜索:对,
searchAutoFocus:true,
searchFieldAlignment:'右',
searchFieldStyle:{
边框:“纯黑2px”,
},
}}
/>
我还没有尝试OP的代码,但是有此问题的人可以检查MaterialTable的选项的属性:
options={{
sorting: true,
selection: true,
search: true,
searchAutoFocus: true,
searchFieldAlignment: 'right',
searchFieldStyle: {
border: 'solid black 2px',
},
selectionProps: ({ tableData: { checked } }) => ({
checked
}),
}}
请检查最后一个示例:
这里的选项文档:我还没有试过OP的代码,但是有这个问题的人可以检查MaterialTable的选项的属性:
options={{
sorting: true,
selection: true,
search: true,
searchAutoFocus: true,
searchFieldAlignment: 'right',
searchFieldStyle: {
border: 'solid black 2px',
},
selectionProps: ({ tableData: { checked } }) => ({
checked
}),
}}
请检查最后一个示例:
以及此处选项的文档: