Add zebra striping to rows in tables #10343

Closed
opened 2025-12-29 21:30:17 +01:00 by adam · 6 comments
Owner

Originally created by @click0 on GitHub (Oct 10, 2024).

Originally assigned to: @tobiasge on GitHub.

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

Originally created by @click0 on GitHub (Oct 10, 2024). Originally assigned to: @tobiasge on GitHub. ### 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_
adam added the status: acceptedtype: featurenetboxcomplexity: low labels 2025-12-29 21:30:17 +01:00
adam closed this issue 2025-12-29 21:30:17 +01:00
Author
Owner

@arthanson commented on GitHub (Oct 10, 2024):

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 commented on GitHub (Oct 10, 2024): 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](https://github.com/user-attachments/assets/d5c66f94-67d6-4642-bb72-4f48b7f5844c) ![Devices | NetBox 2024-10-10 13-35-11](https://github.com/user-attachments/assets/55ab71f4-5fbd-4140-b478-0bcbd0671469)
Author
Owner

@click0 commented on GitHub (Oct 10, 2024):

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

@click0 commented on GitHub (Oct 10, 2024): Yes, that's much better. Please add this change to the new version of Netbox.
Author
Owner

@PieterL75 commented on GitHub (Oct 22, 2024):

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 commented on GitHub (Oct 22, 2024): 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
Author
Owner

@ITJamie commented on GitHub (Oct 23, 2024):

I find the striping is much more readable

@ITJamie commented on GitHub (Oct 23, 2024): I find the striping is much more readable
Author
Owner

@jeremystretch commented on GitHub (Oct 23, 2024):

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 commented on GitHub (Oct 23, 2024): 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.
Author
Owner

@github-actions[bot] commented on GitHub (Apr 25, 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 (Apr 25, 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).
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#10343