You are here

Home » API reference » Views tree 8.2

views-tree-table.html.twig in Views tree 8.2

Default theme implementation for displaying a view as a table.

Available variables (from core views_view_table):

  • 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.

Available variables from views tree:

  • items: A list of items. Each item contains:

    • attributes: HTML attributes to be applied to each list item.
    • value: The content of the list element.

See also

template_preprocess_views_tree_table()

File

templates/views-tree-table.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

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

  5.  *

  6.  * Available variables (from core views_view_table):

  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.  *

  30.  * Available variables from views tree:

  31.  * - items: A list of items. Each item contains:

  32.  *   - attributes: HTML attributes to be applied to each list item.

  33.  *   - value: The content of the list element.

  34.  *

  35.  * @see template_preprocess_views_tree_table()

  36.  *

  37.  * @ingroup themeable

  38.  */

  39. #}

  40. {%

  41.   set classes = [

  42.   'cols-' ~ header|length,

  43.   responsive ? 'responsive-enabled',

  44.   sticky ? 'sticky-enabled',

  45. ]

  46. %}

  47. {% import _self as views_tree %}

  48. 

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

  50.   {% if caption_needed %}

  51.     <caption>

  52.       {% if caption %}

  53.         {{ caption }}

  54.       {% else %}

  55.         {{ title }}

  56.       {% endif %}

  57.       {% if (summary is not empty) or (description is not empty) %}

  58.         <details>

  59.           {% if summary is not empty %}

  60.             <summary>{{ summary }}</summary>

  61.           {% endif %}

  62.           {% if description is not empty %}

  63.             {{ description }}

  64.           {% endif %}

  65.         </details>

  66.       {% endif %}

  67.     </caption>

  68.   {% endif %}

  69.   {% if header %}

  70.     <thead>

  71.     <tr>

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

  73.         {% if column.default_classes %}

  74.           {%

  75.             set column_classes = [

  76.             'views-field',

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

  78.           ]

  79.           %}

  80.         {% endif %}

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

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

  83.           <{{ column.wrapper_element }}>

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

  85.             <a href="{{ column.url }}" title="{{ column.title }}">{{ column.content }}{{ column.sort_indicator }}</a>

  86.           {%- else -%}

  87.             {{ column.content }}{{ column.sort_indicator }}

  88.           {%- endif -%}

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

  90.         {%- else -%}

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

  92.             <a href="{{ column.url }}" title="{{ column.title }}">{{ column.content }}{{ column.sort_indicator }}</a>

  93.           {%- else -%}

  94.             {{- column.content }}{{ column.sort_indicator }}

  95.           {%- endif -%}

  96.         {%- endif -%}

  97.         </th>

  98.       {% endfor %}

  99.     </tr>

  100.     </thead>

  101.   {% endif %}

  102.   <tbody>

  103.     {{ views_tree.tree(items) }}

  104.   </tbody>

  105. </table>

  106. 

  107. {% macro tree(items) %}

  108.   {% import _self as views_tree %}

  109.   {% if items %}

  110.     {%- if items -%}

  111.       {%- for item in items -%}

  112.         {{ views_tree.row(item.node) }}

  113.         {{ views_tree.tree(item.leaves) }}

  114.       {% endfor %}

  115.     {% endif %}

  116.   {% endif %}

  117. {% endmacro %}

  118. 

  119. {% macro row(item) %}

  120. <tr{{ item.attributes }}>

  121.   {% for key, column in item.columns %}

  122.     {% if column.default_classes %}

  123.       {%

  124.         set column_classes = [

  125.         'views-field'

  126.       ]

  127.       %}

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

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

  130.       {% endfor %}

  131.     {% endif %}

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

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

  134.       <{{ column.wrapper_element }}>

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

  136.         {{ content.separator }}{{ content.field_output }}

  137.       {% endfor %}

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

  139.     {%- else -%}

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

  141.         {{- content.separator }}{{ content.field_output -}}

  142.       {% endfor %}

  143.     {%- endif %}

  144.     </td>

  145.   {% endfor %}

  146. </tr>

  147. {% endmacro %}