-
Notifications
You must be signed in to change notification settings - Fork 431
Closed
Description
I'm using react-bootstrap-table-next, when using search with hard coded data it works fine. But when I use the API it returns a data.filter error
{({ paginationProps, paginationTableProps }) => (
<div>
<ToolkitProvider keyField="id" columns={columns} data={data} search>
{(toolkitprops) => (
<div>
<div className="">
<span>Show </span>
<SizePerPageDropdownStandalone {...paginationProps} />
<span> entri</span>
<div className="float-right">
<div className="input-group">
<SearchBar {...toolkitprops.searchProps} placeholder="Search" />
<div className="input-group-append">
<div className="input-group icon-size">
<span className="p-1">
<FaSearch style={{ fontSize: "25px", color: "#0fa49e" }} />
</span>
</div>
</div>
</div>
</div>
</div>
<BootstrapTable
hover
{...toolkitprops.baseProps}
{...paginationTableProps}
wrapperClasses="table-responsive"
noDataIndication={() => <NoDataIndication />}
striped
bordered={false}
bootstrap4
keyField="id"
/>
<Form.Row style={{ display: "flex" }}>
<Col xs={12} md={5}>
<PaginationTotalStandalone {...paginationProps} />
</Col>
<Col xs={12} md={5}>
<PaginationListStandalone {...paginationProps} />
</Col>
</Form.Row>
</div>
)}
</ToolkitProvider>
</div>
)}
</PaginationProvider>
https://codesandbox.io/s/redux-error-table-search-g47s7?file=/src/MyTable.js
@AllenFang
Metadata
Metadata
Assignees
Labels
No labels

