return (

  <HotTable

    data={[

      ['Name', 'Age', 'City', 'Occupation'],

      ['John Doe', 35, 'New York', 'Software Engineer'],

      ['Jane Smith', 28, 'San Francisco', 'Designer'],  

      ['Bob Johnson', 42, 'Chicago', 'Project Manager'],

      ['Emily Davis', 31, 'Seattle', 'Data Analyst']

    ]}

    nestedHeaders={[

      ['A', { label: 'B', colspan:3} ],

    ]}

    rowHeaders={true}

    colHeaders={true}

    height="auto"

    autoWrapRow={true}

    autoWrapCol={true}

    licenseKey="non-commercial-and-evaluation" // for non-commercial use only

  />

);