Column header formatting for Lists when using Quick Edit

%3CLINGO-SUB%20id%3D%22lingo-sub-218267%22%20slang%3D%22en-US%22%3EColumn%20header%20formatting%20for%20Lists%20when%20using%20Quick%20Edit%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-218267%22%20slang%3D%22en-US%22%3E%3CP%3EI've%20come%20across%20several%20options%20to%20format%20column%20data%20%26amp%3B%20headers%20in%20(modern)%20Lists.%3C%2FP%3E%3CUL%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fmedium.com%2F%40zaab_it%2Fsharepoint-online-new-column-formatting-capabilities-1949997daabe%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fmedium.com%2F%40zaab_it%2Fsharepoint-online-new-column-formatting-capabilities-1949997daabe%3C%2FA%3E%3C%2FLI%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fcolumn-formatting%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fcolumn-formatting%3C%2FA%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3EBut%20is%20there%20also%20an%20option%20to%26nbsp%3Bdefine%20the%20look%20%26amp%3B%20feel%20of%20the%20column%20headers%20when%20using%20Quick%20Edit%20mode%3F%3C%2FP%3E%3CP%3EWhen%20using%20Quick%20Edit%20the%20column%20headers%20turn%20dark%20grey%26nbsp%3Bon%20a%20%26nbsp%3Bdark%20grey%20background%20making%20it%20almost%20impossible%20to%20read%20them.%3C%2FP%3E%3CP%3ECan%20this%20be%20determined%20centrally%20for%20all%20Site%20Collections%20on%26nbsp%3Bour%20tenant%26nbsp%3Bor%20is%20this%20done%20per%20site%20collection%3F%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F38128i4641662B53C5960B%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22SPList-QuickEdit-ColumnHeaders.png%22%20title%3D%22SPList-QuickEdit-ColumnHeaders.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-218824%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20header%20formatting%20for%20Lists%20when%20using%20Quick%20Edit%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-218824%22%20slang%3D%22en-US%22%3ENo%20need%20to%20further%20investigate%20this%20issue%20which%20is%20caused%20by%20a%20CSS%20implemented%20by%20a%20partner.%20We're%20connecting%20with%20them%20to%20change%20it%20in%20a%20appropriate%20way.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1256042%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20header%20formatting%20for%20Lists%20when%20using%20Quick%20Edit%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1256042%22%20slang%3D%22en-US%22%3EHi%20Eric%2C%3CBR%20%2F%3EDid%20you%20ever%20figure%20out%20the%20CSS%20class%20to%20edit%20the%20column%20headers%20in%20%E2%80%9CQuick%20Edit%E2%80%9D%20view%3F%20I%20am%20having%20this%20same%20problem%20(.ms-vh2%2C%20.ms-vh2-nofilter%2C%20and%20a.ms-headerSortTitleLink%20do%20the%20trick%20in%20normal%20view%20but%20not%20quick%20edit)%3C%2FLINGO-BODY%3E
Highlighted
Frequent Contributor

I've come across several options to format column data & headers in (modern) Lists.

But is there also an option to define the look & feel of the column headers when using Quick Edit mode?

When using Quick Edit the column headers turn dark grey on a  dark grey background making it almost impossible to read them.

Can this be determined centrally for all Site Collections on our tenant or is this done per site collection?

SPList-QuickEdit-ColumnHeaders.png

2 Replies
Highlighted
No need to further investigate this issue which is caused by a CSS implemented by a partner. We're connecting with them to change it in a appropriate way.
Highlighted
Hi Eric,
Did you ever figure out the CSS class to edit the column headers in “Quick Edit” view? I am having this same problem (.ms-vh2, .ms-vh2-nofilter, and a.ms-headerSortTitleLink do the trick in normal view but not quick edit)