sticky-headers and sortable columns seem to be mutually exclusive.
Author: PDXfosterCreated Feb 10, 2023Updated Oct 20, 2025
Describe the bug
Sticky-header and sortable columns seem to be incompatible. When I add the "sortable" property to a field, the class "position-relative" is added to the
Steps to reproduce the bug
- Go to https://codepen.io/PDXfoster/pen/WNKVrBz - view both sticky header, and sortable implementation
- Scroll
- See header is NOT sticky
- See that sort works
- Go to https://codepen.io/PDXfoster/pen/poZMgMx - view just sticky header implementation
- Scroll
- See header IS sticky
- See that sort does not work
Expected behavior
I would expect that these two features are not mutually exclusive, so I can have both sticky headers, and sortable columns
Versions
Libraries:
- BootstrapVue: 2.23.0
- Bootstrap: 4.6.0
- Vue: 2.6.14
Environment:
- Device: Mac
- OS: macOS 13.2
- Browser: Vivaldi
- Version: 5.6.2867.62
Additional context
Add any other context about the bug here.
Source: bootstrap-vue/bootstrap-vue