reactabular-search-field

reactabular-search-field provides a search field you can integrate to your Reactabular project.

How to Use?

Consider the example below.

Example:

``jsx
/*
import React from 'react';
import {
Table, search, Search
} from 'reactabular';
*/

class SearchTable extends React.Component {
constructor(props) {
super(props);

this.state = {
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
}
]
};
}
render() {
const { searchColumn, rows, columns, query } = this.state;
const searchedRows = search.multipleColumns({ columns, query })(rows);

return (



``