{% extends 'template.twig' %}
{% block cssAssets %}
{% endblock %}
{% block jsAssets %}
{% include 'includes/vue.twig' %}
<script src="{{ asset('components/infoTable.js', 'js') }}"></script>
{% endblock %}
{% block pageTitle %}
{{ title }}
{% endblock %}
{% block content %}
{{ text|raw }}
<info-table-interactive id="vue" is="info-table-interactive"
table-class="infoTableStretch"
style="font-size: smaller;"
v-bind:hasFilter="false"
v-bind:columns='{{ columns|json_encode }}'
v-bind:rows='{{ data|json_encode }}'
filter-key="name"
>
</info-table-interactive>
{% endblock %}