Table data into 1 column

This is more of a question then an issue, because I don’t know how to do it. I have the following data:

const data = ['one', 'two', 'three'];

and I want two and three into one column on the table:

   <Table
        cells={[
          'number one',
          { title: 'two and three' },
        ]}
        rows={data}
      >
        <TableHeader />
        <TableBody />
    </Table>

I see that the ICell type also has props?: any; and data?: any; but now idea how they would could / should be used.

[edewit]

@josejulio that is exactly what I need, I feel stupid for not thinking of this! I was thinking I need to keep the data as is and do the formatting in the table component. Your version is so elegant thanks.

[josejulio]

You’re welcome. I’m glad I could help 😄.