Hi there,

try something like this:

import React from 'react';import { MDBDataTable } from 'mdbreact';

    const DatatablePage = () => {


      const data = {
        rows: [{name: "Jim",  "address.address1": "1 Main St."}, {name: "Bob",  "address.address1": "2 Main St."}],
        columns: [ { label: "Person", field: "name", sort: "asc", width: 100 }, { label: "Address", field: "address.address1", sort: "asc", width: 100 } ]
      }

      return (
        <MDBDataTable
          striped
          bordered
          hover
          data={data}

        />
      )
    }

    export default DatatablePage;

Hi Anna,

Thanks for the response, but I must be missing something. I have an array of Person objects. Person has 2 properties--name and address. Address is an object. I'm trying to display a 2-column table with the person's name in the first column and street address in the second. When I try to use the field value of 'address.address1' to access the street address, I get the error above. Either MDBTable doesn't support complex objects or (more likely) I'm doing it wrong. How should I be specifying the address.address1 field? Or do I have to flatten the object in memory? Thanks

Hi there, Yes, please check our documentation:https://mdbootstrap.com/docs/react/tables/datatables/#a-usage( Tab "API" -> Usage -> Object structure)

Best,Ania