I need help keeping the horizontal scroll bar at the bottom of my table without having to scroll all the way down.
When I use the responsive property like this:
<b-table
:responsive="md"
:items="details"
>
The values md and sm work as expected: the horizontal scroll bar disappears when the browser width goes above 788px. However, using lg or xl does not seem to be working. Even if I make the browser wider than 788px, the horizontal scroll bar is not displayed.
What am I missing here?
In the documentation:
"Generate a responsive table to make it scroll horizontally. Set to true for an always responsive table, or set it to one of the breakpoints 'sm', 'md', 'lg', or 'xl' to make the table responsive (horizontally scroll) only on screens smaller than the breakpoint. See Responsive tables below for details."