React Table Accessor [patched] May 2026

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

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

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

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

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