Feature proposal: Add a possiblity to extends the div wrapping the body

• I have searched the issues of this repository and believe that this is not a duplicate.

Right now, the components are overwrittable with:

      {
        table: 'table',
        header: {
          wrapper: 'thead',
          row: 'tr',
          cell: 'th',
        },
        body: {
          wrapper: 'tbody',
          row: 'tr',
          cell: 'td',
        },
      },

I would like to see if it would be possible to add another one, called div (or something else really, it's the best idea I could come up with), which would allow to customize here or here.
It would be useful in order to scrollTo a specified item in the table (putting a ref on the component), for exemple.

Start with the linked locations in src/HeadTable.js and src/BodyTable.js, and inspect how existing table, header, and body wrapper customization is applied. Determine how the requested div-style wrapper should support attaching a ref for scrolling, then verify that the proposed customization works for the intended table body use case.