You are here

Home » API reference » Views Summarize 1.1.x

views-summarize-view-summarized-table.html.twig in Views Summarize 1.1.x

Default theme implementation for displaying a view as a table.

Available variables:

  • attributes: Remaining HTML attributes for the element.

    • class: HTML classes that can be used to style contextually through CSS.
  • title : The title of this group of rows.
  • header: The table header columns.
    • attributes: Remaining HTML attributes for the element.
    • content: HTML classes to apply to each header cell, indexed by

    the header's key.

    • default_classes: A flag indicating whether default classes should be used.
  • caption_needed: Is the caption tag needed.
  • caption: The caption for this table.
  • accessibility_description: Extended description for the table details.
  • accessibility_summary: Summary for the table details.
  • rows: Table row items. Rows are keyed by row number.
    • attributes: HTML classes to apply to each row.
    • columns: Row column items. Columns are keyed by column number.
      • attributes: HTML classes to apply to each column.
      • content: The column content.
    • default_classes: A flag indicating whether default classes should be used.
  • responsive: A flag indicating whether table is responsive.
  • sticky: A flag indicating whether table header is sticky.
  • summary_element: A render array with table summary information (if any).
  • fields: An array of CSS IDs to use for each field id.
  • summarized: The summarized data in an array, keyed by field machine name.

See also

template_preprocess_views_summarize_view_summarized_table()

File

templates/views-summarize-view-summarized-table.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Default theme implementation for displaying a view as a table.

  5.  *

  6.  * Available variables:

  7.  * - attributes: Remaining HTML attributes for the element.

  8.  *   - class: HTML classes that can be used to style contextually through CSS.

  9.  * - title : The title of this group of rows.

  10.  * - header: The table header columns.

  11.  *   - attributes: Remaining HTML attributes for the element.

  12.  *   - content: HTML classes to apply to each header cell, indexed by

  13.  *   the header's key.

  14.  *   - default_classes: A flag indicating whether default classes should be

  15.  *     used.

  16.  * - caption_needed: Is the caption tag needed.

  17.  * - caption: The caption for this table.

  18.  * - accessibility_description: Extended description for the table details.

  19.  * - accessibility_summary: Summary for the table details.

  20.  * - rows: Table row items. Rows are keyed by row number.

  21.  *   - attributes: HTML classes to apply to each row.

  22.  *   - columns: Row column items. Columns are keyed by column number.

  23.  *     - attributes: HTML classes to apply to each column.

  24.  *     - content: The column content.

  25.  *   - default_classes: A flag indicating whether default classes should be

  26.  *     used.

  27.  * - responsive: A flag indicating whether table is responsive.

  28.  * - sticky: A flag indicating whether table header is sticky.

  29.  * - summary_element: A render array with table summary information (if any).

  30.  * - fields: An array of CSS IDs to use for each field id.

  31.  * - summarized: The summarized data in an array, keyed by field machine name.

  32.  *

  33.  * @see template_preprocess_views_summarize_view_summarized_table()

  34.  *

  35.  * @ingroup themeable

  36.  */

  37. #}

  38. {%

  39.   set classes = [

  40.     'cols-' ~ header|length,

  41.     responsive ? 'responsive-enabled',

  42.     sticky ? 'sticky-enabled',

  43.   ]

  44. %}

  45. <table{{ attributes.addClass(classes) }}>

  46.   {% if caption_needed %}

  47.     <caption>

  48.     {% if caption %}

  49.       {{ caption }}

  50.     {% else %}

  51.       {{ title }}

  52.     {% endif %}

  53.     {% if (summary_element is not empty) %}

  54.       {{ summary_element }}

  55.     {% endif %}

  56.     </caption>

  57.   {% endif %}

  58. 

  59.   {% if header %}

  60.     <thead>

  61.       <tr>

  62.         {% for key, column in header %}

  63.           {% if column.default_classes %}

  64.             {%

  65.               set column_classes = [

  66.                 'views-field',

  67.                 'views-field-' ~ fields[key],

  68.               ]

  69.             %}

  70.           {% endif %}

  71.           <th{{ column.attributes.addClass(column_classes).setAttribute('scope', 'col') }}>

  72.             {%- if column.wrapper_element -%}

  73.               <{{ column.wrapper_element }}>

  74.                 {%- if column.url -%}

  75.                   <a href="{{ column.url }}" title="{{ column.title }}" rel="nofollow">{{ column.content }}{{ column.sort_indicator }}</a>

  76.                 {%- else -%}

  77.                   {{ column.content }}{{ column.sort_indicator }}

  78.                 {%- endif -%}

  79.               </{{ column.wrapper_element }}>

  80.             {%- else -%}

  81.               {%- if column.url -%}

  82.                 <a href="{{ column.url }}" title="{{ column.title }}" rel="nofollow">{{ column.content }}{{ column.sort_indicator }}</a>

  83.               {%- else -%}

  84.                 {{- column.content }}{{ column.sort_indicator }}

  85.               {%- endif -%}

  86.             {%- endif -%}

  87.           </th>

  88.         {% endfor %}

  89.       </tr>

  90.     </thead>

  91.   {% endif %}

  92. 

  93.   {% if not summary_only %}

  94.     <tbody>

  95.       {% for row in rows %}

  96.         <tr{{ row.attributes }}>

  97.           {% for key, column in row.columns %}

  98.             {% if column.default_classes %}

  99.               {%

  100.                 set column_classes = [

  101.                   'views-field'

  102.                 ]

  103.               %}

  104.               {% for field in column.fields %}

  105.                 {% set column_classes = column_classes|merge(['views-field-' ~ field]) %}

  106.               {% endfor %}

  107.             {% endif %}

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

  109.               {%- if column.wrapper_element -%}

  110.                 <{{ column.wrapper_element }}>

  111.                 {% for content in column.content %}

  112.                   {{ content.separator }}{{ content.field_output }}

  113.                 {% endfor %}

  114.                 </{{ column.wrapper_element }}>

  115.               {%- else -%}

  116.                 {% for content in column.content %}

  117.                   {{- content.separator }}{{ content.field_output -}}

  118.                 {% endfor %}

  119.               {%- endif %}

  120.             </td>

  121.           {% endfor %}

  122.         </tr>

  123.       {% endfor %}

  124.     </tbody>

  125.   {% endif %}

  126. 

  127.   <tfoot>

  128.     <tr class="summary">

  129.       {% for field, data in summarized %}

  130.         <td>{{ data }}</td>

  131.       {% endfor %}

  132.     </tr>

  133.   </tfoot>

  134. </table>