Hi @apangeles,
I tested it with the contacts table.
All you have to do is use a view which you can directly create inside the page.
A tutorial on list/views is here: https://www.youtube.com/watch?v=qTkc_yB3Sk4
You will find your view with a lot of columns. It will look similar to that:

As you want to have a horizontal scrollbar all you have to do is change the word-break property of the table from "word-break: break-word;" to "word-break: normal;" the scrollbar will automatically appear.
It will look like that:

You probably need to do it for the tbody and the thead.
Further customization can be done by CSS.
--------------------------------------------------------------------------------------
Hope that helps.
If the post solves your problem, please mark it as solution. If it helps, consider a thumbs up.