Keep bottom scrollbar visible #10690

Closed
opened 2025-12-29 21:34:52 +01:00 by adam · 4 comments
Owner

Originally created by @PieterL75 on GitHub (Jan 24, 2025).

NetBox version

v4.1.11

Feature type

Change to existing functionality

Proposed functionality

When the info in the columns of a table is too wide, there is a scrollbar at the bottom of the table, and some rows are not visible

Image

It would be handy if the bottomscrollbar is always reachable (for all tables, not only devices)

Image

Use case

If the data is overlowing the screen, the horizontal bar is handy to reach the hidden rows and buttons.

Database changes

No response

External dependencies

No response

Originally created by @PieterL75 on GitHub (Jan 24, 2025). ### NetBox version v4.1.11 ### Feature type Change to existing functionality ### Proposed functionality When the info in the columns of a table is too wide, there is a scrollbar at the bottom of the table, and some rows are not visible ![Image](https://github.com/user-attachments/assets/3a124c71-c2c9-46a5-9c80-8a43854a31fd) It would be handy if the bottomscrollbar is always reachable (for all tables, not only devices) ![Image](https://github.com/user-attachments/assets/3a540272-26bb-4462-82ea-3319c0946e58) ### Use case If the data is overlowing the screen, the horizontal bar is handy to reach the hidden rows and buttons. ### Database changes _No response_ ### External dependencies _No response_
adam added the type: featurestatus: needs ownerpending closurecomplexity: low labels 2025-12-29 21:34:52 +01:00
adam closed this issue 2025-12-29 21:34:52 +01:00
Author
Owner

@PieterL75 commented on GitHub (Mar 11, 2025):

This looks like a good npm module,
https://github.com/Amphiluke/handy-scroll
but I have no idea on how to import/use it..

I tried webkit, but that doesn't really work

@PieterL75 commented on GitHub (Mar 11, 2025): This looks like a good npm module, https://github.com/Amphiluke/handy-scroll but I have no idea on how to import/use it.. I tried webkit, but that doesn't really work
Author
Owner

@github-actions[bot] commented on GitHub (Jun 10, 2025):

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. Do not attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our contributing guide.

@github-actions[bot] commented on GitHub (Jun 10, 2025): This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. **Do not** attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our [contributing guide](https://github.com/netbox-community/netbox/blob/main/CONTRIBUTING.md).
Author
Owner

@github-actions[bot] commented on GitHub (Jul 10, 2025):

This issue has been automatically closed due to lack of activity. In an effort to reduce noise, please do not comment any further. Note that the core maintainers may elect to reopen this issue at a later date if deemed necessary.

@github-actions[bot] commented on GitHub (Jul 10, 2025): This issue has been automatically closed due to lack of activity. In an effort to reduce noise, please do not comment any further. Note that the core maintainers may elect to reopen this issue at a later date if deemed necessary.
Author
Owner

@PieterL75 commented on GitHub (Jul 10, 2025):

Sample code required. https://jsfiddle.net/1m1kegy3/6/
seems that this is not a 'simple' css hack

or maybe with

.table-responsive {
 height: 95vh;
 overflow: scroll;
 }
@PieterL75 commented on GitHub (Jul 10, 2025): Sample code required. https://jsfiddle.net/1m1kegy3/6/ seems that this is not a 'simple' css hack or maybe with ``` .table-responsive { height: 95vh; overflow: scroll; } ```
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#10690