UI Improvement - Fixed width for Custom Fields grouping tables #6839

Closed
opened 2025-12-29 19:45:56 +01:00 by adam · 0 comments
Owner

Originally created by @cybarox on GitHub (Aug 19, 2022).

Originally assigned to: @jeremystretch on GitHub.

NetBox version

v3.3.0

Feature type

New functionality

Proposed functionality

Since the introduction of Custom Fields grouping, a separate table is created for each group. Each of these tables has different widths of the individual columns depending on the content.

Due to the individual shifts, the readability of the custom field table is reduced.

For other card tables, the first column is set to a width of 25%.

If the width of the group tables were also set to 25%, it would greatly improve the readability of the table.

I have temporarily fixed it for myself with the following CSS lines in the Stylish Browser plugin:

.tab-content .row .col .card .card-body .table tbody tr td:first-child {
 	width: 25%;   
}
.tab-content .row .col .card .card-body .table tbody tr .min-width:first-child {
 	width: 1%;   
}

Use case

Improve the readability of the custom fields table.

Database changes

None

External dependencies

None

Originally created by @cybarox on GitHub (Aug 19, 2022). Originally assigned to: @jeremystretch on GitHub. ### NetBox version v3.3.0 ### Feature type New functionality ### Proposed functionality Since the introduction of Custom Fields grouping, a separate table is created for each group. Each of these tables has different widths of the individual columns depending on the content. Due to the individual shifts, the readability of the custom field table is reduced. For other card tables, the first column is set to a width of 25%. If the width of the group tables were also set to 25%, it would greatly improve the readability of the table. I have temporarily fixed it for myself with the following CSS lines in the Stylish Browser plugin: ``` .tab-content .row .col .card .card-body .table tbody tr td:first-child { width: 25%; } .tab-content .row .col .card .card-body .table tbody tr .min-width:first-child { width: 1%; } ``` ### Use case Improve the readability of the custom fields table. ### Database changes None ### External dependencies None
adam added the status: acceptedtype: feature labels 2025-12-29 19:45:56 +01:00
adam closed this issue 2025-12-29 19:45:56 +01:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#6839