The 2026 Drupal Business Survey is open. Your response will help shape the future of the Drupal business ecosystem.The Add Table widget includes an instruction that the first row will be used as a header row and you should leave it blank if you don't want a header row. But the row striping makes it look like an ordinary row. The first row of fields should be highlighted in a way that distinguishes it from the data rows, ideally matching how it will display once it's saved.
| Comment | File | Size | Author |
|---|---|---|---|
| #9 | panopoly-table-header-style-2293293-9.patch | 407 bytes | cboyden |
| #4 | table-widget-data-entry.png | 291.26 KB | cboyden |
| #3 | Selection_122.png | 3.27 KB | dsnopek |
| #3 | Selection_123.png | 10.29 KB | dsnopek |
| panopoly-add-table.png | 136.7 KB | cboyden |
Comments
Comment #1
cboyden commentedComment #2
cboyden commentedThe attached patch changes the style of the first row in the table widget to match the style of the TH as rendered by the default Panopoly theme. You could also change the top row to be actual TH cells, so they would use the styling in whichever theme was applied on the public pages, but that might have unintended consequences for table navigation. And it would require a patch to tablefield or overriding that in Panopoly.
Comment #3
dsnopekI just tried on a Panopoly site from the latest Git, and it is producing TH cells for the header row which look correct even without this patch!
Looking at the code, it's using the standard Drupal 'table' theme function, which does this by default (unless overridden). For me, the header row even shows up looking correct in the preview:
Are you maybe using a different theme or including some other module that overrides the 'table' theme function?
Comment #4
cboyden commentedI'm not talking about the Preview, which correctly outputs the top row as TH. I'm talking about the background striping of the data entry fields.
Comment #5
dsnopekOooh, sorry, I totally misunderstood. :-) I'll review this again when I have a chance!
Comment #6
dsnopekComment #7
mglamanTested, applied clean. I dig, it makes the field's first row match the preview's header color.
Comment #8
dsnopekI like the result - it looks super nice! :-)
However, this should be in panopoly_widgets, rather than panopoly_magic since it's panopoly_widgets that adds tablefield and uses it.
Comment #9
cboyden commentedHere's a patch that applies the CSS change to panopoly_widgets instead.
Comment #10
mglamanNew patch works in Widgets!
Comment #12
dsnopekThanks to @cboyden, for the patch and to @mglaman, for all the testing! New patch looks great - committed. :-)