How to create a table with column base and pagination with javascript?

Question

I have a project where I need to create a table with a fixed first column and where the row should be scrolled with pagination. for example, like in the below format:

date -- date1 -- date2 -- date3 -- date4

name -- name1 -- name2 -- name3 -- name4

balance -- balance1 -- balance2 -- balance3 -- balance4

with pagination, the table should have the first column fixed, then the user can scroll to the next column's data. For example, one first sees date1 and date2 data, then the next page shows date3 and date4 data.

I have an existing material ui table. I think it should be fine to add in material ui pagination. but then I found material ui table doesn't support column based data. Do you have any idea where can I find a library to build this kind of table? I saw someone mentioned render the table in row first, then revert it to column based. But I don't know if this would work with pagination.

Any input please share. Thank you very much!