• Home
• General
• Guides
• Reviews
• News

const columns = [ Header: "First", accessor: "firstName" , Header: "Last", accessor: "lastName" , Header: "City", accessor: "address.city" ,

Header: "Full Name", id: "full", accessor: row => $row.firstName $row.lastName

];

function Table( columns, data ) const getTableProps, getTableBodyProps, headerGroups, rows, prepareRow = useTable( columns, data ); // ... render table

const columns = [ Header: "First Name", accessor: "firstName" , // simple property Header: "City", accessor: "address.city" // nested via dot ]; Use for computed or transformed values.

import useTable from 'react-table'; const data = [ firstName: "John", lastName: "Doe", address: city: "NYC" , birthDate: "2000-01-01" ];