Skip to content

Sortable column headers not sticky #131

@sinuscosinustan

Description

@sinuscosinustan

Describe the bug

bootstrap-vue v2.22.0 introduced a bug for b-table which sets an position: relative !important on the header when it's a sortable column.

This issue has already been discussed in this upstream issue, but the proposed workaround and fix don't really work in my tests.

To Reproduce Steps to reproduce the behavior:

  1. Go to a page with a table that has enough entries for scrolling and has sorting (e.g. Sensors)
  2. Scroll a bit
  3. See sortable columns overflowing

Expected behavior

No overflow / header is sticky.

Screenshots

Image of the sensors page with overflowing

Desktop

  • OS: macOS 15.2
  • Browser Google Chrome
  • Version 132.0.6834.111 (Official Build) (arm64)

Additional context

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions