I'm trying to generate a accordion grouped by year. I have used Accordion module for this. It is giving accordion which is fine but I want data inside accordion in tabular format. For ex:

enter image description here

Table header is getting repeated in accordion. I want a single header for table. How to achieve this?


How to modify views.accordion-view.html.twig file so that row.content organized itself in tabular format as described in above image.

 * @file
 * Theme override to display a views_accordion set of rows.
 * Available variables:
 * - title: The title of this group of rows. May be empty.
 * - rows: A list of the view's row items.
 *   - attributes: The row's HTML attributes.
 *   - content: The row's content.
 * - view: The view object.
 * - default_row_class: A flag indicating whether default classes should be
 *   used on rows.
 * @see template_preprocess_views_accordion_view()
{% if title %}
  <h3 class="js-views-accodion-group-header">{{ title }}</h3>
{% endif %}
{% for row in rows %}
    set row_classes = [
      default_row_class ? 'views-row',
  {# A div wrapping the row content is required for the accordion to work #}
  <div{{ row.attributes.addClass(row_classes) }}>
    {{ row.content }}
{% endfor %}
  • If you or anyone else can't find the answer, the alternative would be to create your own custom accordion.
    – No Sssweat
    May 23, 2016 at 7:20
  • I have gone through the code of views.accordion-view.html.twig of views accordion module. how can I modify its template file so that fields will organize themselves in tabular format. May 23, 2016 at 10:01


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.