reactabular-search-field
provides a search field you can integrate to your Reactabular project.
How to Use?
Consider the example below.
Example:
/*import React from 'react';import { Table, search, Search} from 'reactabular';*/ Component { ; thisstate = searchColumn: 'all' query: // Search query columns: property: 'name' header: label: 'Name' property: 'age' header: label: 'Age' rows: id: 100 name: 'Adam' age: 12 id: 101 name: 'Brian' age: 7 id: 102 name: 'Jake' age: 88 id: 103 name: 'Jill' age: 50 ; } { const searchColumn rows columns query = thisstate; const searchedRows = searchrows; return <div> <div ="search-container"> <span>Search</span> <Search = = = = = = /> </div> <Table.Provider => <Table.Header /> <Table.Body = ="id" /> </Table.Provider> </div> ; } <SearchTable />