Season name needs unique class in View

Below is an extract of the HTML:

<table class="office-hours__table">
    <thead>
      <tr>
                  <th class="inline">Day</th>
                  <th class="visually-hidden">Time slot</th>
                  <th class="visually-hidden">Comment</th>
              </tr>
    </thead>
  
    <tbody> ... </tbody>
</table>
	
<table class="office-hours__table office-hours__table_exception">
    <thead>
      <tr>
                  <th class="inline">Exception hours JVO</th>
                  <th class="visually-hidden">Time slot</th>
                  <th class="visually-hidden">Comment</th>
              </tr>
    </thead>
  
    <tbody> ... </tbody>
</table>
	
	
<table class="office-hours__table office-hours__table_season">
    <thead>
      <tr>
                  <th class="inline">Spring2025</th>
                  <th class="visually-hidden">Time slot</th>
                  <th class="visually-hidden">Comment</th>
              </tr>
    </thead>
  
      <tbody> ... </tbody>
</table>

I see the theming of the THEAD / TH is not ideal.

Can you work with using <table class="office-hours__table"> <thead> <tr> ?

What level would you expect? I suspect on the first TH element, or the surrounding TR element.

You can theme the caption for Weekdays, Exceptins and Seasons with the same style using

/* Formatter settings - table formatter */
.office-hours__table thead tr {
  /* Your styles here */
   color: yellow;
  font-weight: bold;
}

Does that help you?

I should have clarified that we are using the Plain Text formatter for this View, so table elements will not help with styling.

This in not only in Views, but also in normal Node view.

This needs some additional code in OfficeHoursFormatterDefault class or the getRows() function.

Please try dev version with above commit, which is a combined effort of php, twig and css.

Using latest dev version. Confirmed that unique class office-hours__item-caption has been added in Plain Text formatter. Thank you!

Request: please omit the default styles for the stable release so that users can design their own without having to override these.

.office-hours__item-caption {
    text-decoration-line: underline;
    margin-left: 20px;
}

Thanks,
I will leave the indent in the css file. It also needed re-ordering, or the caption does not override the label.

Automatically closed - issue fixed for 2 weeks with no activity.