当我搜索与该特定字段相匹配的关键字时,我的文本字段值会消失。贴出我使用的 materialtable 库的完整代码。
<MaterialTable
columns={[
{ title: 'Customer Name', field: 'custName', editable: 'never' },
{ title: 'Order Amount', field: 'orderAmount', render: rowData =>
<TextField
size="small"
required
onChange={e => {
this.props.getUpdatedOrderAmount(e.target.value, rowData)}
}
value={this.state.value}
/>
}
]}
data={data}
/>
解决方案:
使用单元格的属性customFilterAndSearch进行搜索,比如。
{ title: 'Full name', searchable: true,
customFilterAndSearch: (filter: any, rowData: any, columnDef: any): boolean => {
const s = (rowData.firstName + ' ' + rowData.lastName).toLocaleLowerCase();
return s.indexOf(filter.toLocaleLowerCase()) >= 0;
},
render: rowData => rowData.firstName + ' ' + rowData.lastName
},
本文来自投稿,不代表实战宝典立场,如若转载,请注明出处:https://www.shizhanbaodian.com/11001.html