<Table
  columns={[
    { title: 'Chameleon species', field: 'species' },
    { title: 'Native Habitat', field: 'habitat' },
    { title: 'Clutch Size', field: 'clutchSize', customSort: (a, b) => parseInt(a.clutchSize, 10) - parseInt(b.clutchSize, 10) },
  ]}
  data={[
    {
      species: 'Panther Chameleon',
      habitat: 'Madagascar',
      clutchSize: '10',
    },
    {
      species: 'Veiled Chameleon',
      habitat: 'Arabian Peninsula',
      clutchSize: '40',
    },
    {
      species: 'Jacksonʼs Chameleon',
      habitat: 'East Africa',
      clutchSize: '1',
    },
    {
      species: 'Carpet Chameleon',
      habitat: 'Madagascar',
      clutchSize: '9',
    },
  ]}
  sorting={props.sorting}
  tableLayout={props.tableLayout}
/>