Change record status: 
Project: 
Introduced in branch: 
11.x
Description: 

Summary

  • If your theme has a custom views-view-table.html.twig template, it will need updating to reflect the enhanced accessibility of row headers.
  • Selecting the row-level header in a view table display may introduce default row-level header styles changing how tables look. If a theme has specific CSS styles for row-level table headers those will now display.

Before

Prior to this change, the views-view-table.html.twig file could not facilitate row headers.

     <td{{ column.attributes.addClass(column_classes) }}>

After

The change allows a user to select a row to be a header and then the template marks that selection properly.

Updated User Interace

There is a row header column in the table allowing selection

Code allowing selected row to become a header in the updated views-view-table.html.twig

{% if key == row_header %}
     <th scope="row" {{ column.attributes.addClass(column_classes) }}>
 {% else %}
     <td{{column.attributes.addClass(column_classes)}}>
{% endif %}
Impacts: 
Site builders, administrators, editors
Themers