Skip to content

Add zebra striping to rows in tables #17719

@click0

Description

@click0

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

Activity

added
status: needs triageThis issue is awaiting triage by a maintainer
type: featureIntroduction of new functionality to the application
on Oct 10, 2024
arthanson

arthanson commented on Oct 10, 2024

@arthanson
Collaborator

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

click0

click0 commented on Oct 10, 2024

@click0
Author

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

PieterL75

PieterL75 commented on Oct 22, 2024

@PieterL75
Contributor

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

ITJamie

ITJamie commented on Oct 22, 2024

@ITJamie
Contributor

I find the striping is much more readable

jeremystretch

jeremystretch commented on Oct 23, 2024

@jeremystretch
Member

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.

added
status: under reviewFurther discussion is needed to determine this issue's scope and/or implementation
and removed
status: needs triageThis issue is awaiting triage by a maintainer
on Oct 23, 2024
github-actions

github-actions commented on Apr 25, 2025

@github-actions
Contributor

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.

added
status: needs ownerThis issue is tentatively accepted pending a volunteer committed to its implementation
complexity: lowRequires minimal effort to implement
and removed
status: under reviewFurther discussion is needed to determine this issue's scope and/or implementation
pending closureRequires immediate attention to avoid being closed for inactivity
on May 8, 2025
added a commit that references this issue on May 16, 2025
a8dc60a
added 2 commits that reference this issue on May 27, 2025
1f8ef8a
626e421
added
status: acceptedThis issue has been accepted for implementation
and removed
status: needs ownerThis issue is tentatively accepted pending a volunteer committed to its implementation
on Jun 9, 2025
added a commit that references this issue on Jun 26, 2025
3ecf29d
added this to the v4.3.3 milestone on Jun 26, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

complexity: lowRequires minimal effort to implementnetboxstatus: acceptedThis issue has been accepted for implementationtype: featureIntroduction of new functionality to the application

Projects

No projects

Relationships

None yet

    Development

    Participants

    @arthanson@jnovinger@click0@tobiasge@ITJamie

    Issue actions

      Add zebra striping to rows in tables · Issue #17719 · netbox-community/netbox