Simple example ``` const { Header, Footer, Body, Row, RowColumn } = Table; const rows = [ { _id: 1, status: 'Employed', name: 'Samuel Roberts' }, { _id: 2, status: 'Employed', name: 'Steve Brown' }, { _id: 3, status: 'Employed', name: 'Stephanie Sanders' }, { _id: 4, status: 'Employed', name: 'Adam Moooore Unempy' }, { _id: 5, status: 'Unemployed', name: 'Randal White' }, { _id: 6, status: 'Employed', name: 'Samuel Roberts' }, { _id: 7, status: 'Employed', name: 'Steve Brown' }, { _id: 8, status: 'Employed', name: 'Stephanie Sanders' }, { _id: 9, status: 'Employed', name: 'Adam Moore' }, { _id: 10, status: 'Employed', name: 'Samuel Roberts' }, { _id: 12, status: 'Employed', name: 'Steve Brown' }, { _id: 13, status: 'Employed', name: 'Stephanie Sanders' }, { _id: 14, status: 'Employed', name: 'Adam Mooooooore' }, { _id: 15, status: 'Unemployed', name: 'Randal White' }, { _id: 16, status: 'Employed', name: 'Samuel Roberts' }, { _id: 17, status: 'Employed', name: 'Steve Brown' }, { _id: 18, status: 'Employed', name: 'Stephanie Sanders' }, { _id: 19, status: 'Employed', name: 'Adam Moore' } ]; const users = [ { email: 'john@email.com', firstName: 'John', lastName: 'Doe', country: 'FR' }, { email: 'barbara@email.com', firstName: 'Barbara', lastName: 'Doe', country: 'FR' }, { email: 'paul@email.com', firstName: 'Martin', lastName: 'Paul', country: 'FR' }, { email: 'marie@email.com', firstName: 'Marie', lastName: 'Martinez', country: 'FR' } ];

ID Name Status

console.log('onRowClick', row)} onCellClick={(e, row, cell) => console.log('onCellClick', row, cell)} selected > ID 1 Samuel Roberts Employed ID 2 Steve Brown Employed ID 3 Stephanie Sanders Employed ID 4 Adam Moore Employed ID 5 Randal White Unemployed ID 6 Samuel Roberts Employed ID 7 Steve Brown Employed ID 8 Stephanie Sanders Employed ID 9 Adam Moore Employed ID 10 Randal White Unemployed

ID Name Status

{rows.map(({ _id, status, name }) => ( console.log('onRowClick', row)} onCellClick={(e, row, cell) => console.log('onCellClick', row, cell)} key={`${_id}`} > ID {_id} {name} {status} ))} ID 20 Randal White Unemployed

Filtering on several fields

ID Name Status

{rows.map(({ _id, status, name }) => ( console.log('onRowClick', row)} onCellClick={(e, row, cell) => console.log('onCellClick', row, cell)} key={`${_id}`} > ID {_id} {name} {status} ))} ID 20 Randal White Unemployed

ID Name Status

{rows.map(({ _id, status, name }) => ( console.log('onRowClick', row)} onCellClick={(e, row, cell) => console.log('onCellClick', row, cell)} key={`${_id}`} > ID {_id} {name} {status} ))} ID 20 Randal White Unemployed

Search on First name, Last name, but only display Name field

Email Name Country

{users.map(({ email, firstName, lastName, country }) => ( console.log('onRowClick', row)} onCellClick={(e, row, cell) => console.log('onCellClick', row, cell)} key={`${email}`} > {email} {firstName} {lastName} {country} ))}

```