DropUp instead of dropdown in Pagination
See original GitHub issueWhen the pagination toolbar is at the bottom of the screen, the ‘sizePerPageList’ dropdown is hidden from the viewport.
You can override the styling for the dropdown yourself:
.react-bs-table-pagination .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
Would it be possible to make the css class of the dropdown configurable, either dropdown or dropup?
Issue Analytics
- State:
- Created 7 years ago
- Comments:17 (6 by maintainers)
Top Results From Across the Web
How To Create a Dropup Menu - W3Schools
Dropup. A dropup menu is a toggleable menu that allows the user to choose one ... Instead of using a border, we have...
Read more >Drop up instead Drop down css - Stack Overflow
I have coded for hover you can do it for click events also by using javascript or jquery. .dropbtn { background-color: #3498DB; color:...
Read more >Dropdowns - Bootstrap
Trigger dropdown menus above elements by adding .dropup to the parent element. ... Now you can optionally use <button> elements in your dropdowns...
Read more >Bootstrap Dropdowns - examples & tutorial
Responsive dropdown/caret built with Bootstrap 5. ... Trigger dropdown menus above elements by adding .dropup to the parent element. Dropup.
Read more >Dropdown | Components - BootstrapVue
Turn your dropdown menu into a drop-up menu by setting the dropup prop. ... Using <b-dropdown-group> instead of <b-dropdown-header> is the recommended ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I think you have to pass the other props as parameters to <SizePerPageDropDown … />, i.e.
@alekseyl1992, fixed on newest version.