When using bootstrap's responsive tables, they are allowed to display "off screen" and it is possible to scroll right to view the remainder of the (hidden) table due to its width.
This is perhaps more "intuitive" when viewing on mobile: you can drag with your finger to see the remainder of the table.
On desktop, however, there's no horizontal scrollbar and it's not obvious from a UX standpoint that it is possible to scroll right using a mouse's horizontal scroll wheel or the keyboard arrows after first clicking on the tables.
What should be happening ?
It should be more obvious that it is possible to scroll horizontally when it is available.
What is the issue ?
When using bootstrap's responsive tables, they are allowed to display "off screen" and it is possible to scroll right to view the remainder of the (hidden) table due to its width.
This is perhaps more "intuitive" when viewing on mobile: you can drag with your finger to see the remainder of the table. On desktop, however, there's no horizontal scrollbar and it's not obvious from a UX standpoint that it is possible to scroll right using a mouse's horizontal scroll wheel or the keyboard arrows after first clicking on the tables.
What should be happening ?
It should be more obvious that it is possible to scroll horizontally when it is available.