netbox icon indicating copy to clipboard operation
netbox copied to clipboard

Add zebra striping to rows in tables

Open click0 opened this issue 1 year ago • 5 comments

NetBox version

4.1.3

Feature type

Change to existing functionality

Triage priority

N/A

Proposed functionality

Add zebra striping to rows in tables. Add 5-10% difference in background colors between rows.

Use case

In wide tables with a large number of columns, you can position yourself faster and read the desired line across the entire width.

Database changes

No response

External dependencies

No response

click0 avatar Oct 10 '24 00:10 click0

This is a simple change to add table-striped to netbox/tables/tables.py in BaseTable Meta attrs:

    class Meta:
        attrs = {
            'class': 'table table-hover table-striped object-list',
        }

Here are screenshots for what it looks like: Devices | NetBox 2024-10-10 13-34-52 Devices | NetBox 2024-10-10 13-35-11

arthanson avatar Oct 10 '24 20:10 arthanson

Yes, that's much better. Please add this change to the new version of Netbox.

click0 avatar Oct 10 '24 20:10 click0

I rather like a highlight when hovering over a row, rather than these striping and a small line between the rows... just as it is now Stripes are just too much

PieterL75 avatar Oct 22 '24 07:10 PieterL75

I find the striping is much more readable

ITJamie avatar Oct 22 '24 22:10 ITJamie

FWIW we can also combine the stripe and hover effects. But yes, it is subjective. This might be one of those rare instances where I actually support introducing a user preference.

jeremystretch avatar Oct 23 '24 12:10 jeremystretch

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] avatar Apr 25 '25 04:04 github-actions[bot]