Contents

<link rel="stylesheet" type="text/css" href="{{ '/assets/datatables/datatables.css' | absolute_url }}" />
<script type="text/javascript" src="{{ 'assets/datatables/datatables.min.js' | absolute_url }}"></script>

<table id='{{ include.collection }}-datatable' class='datatable display'></table>
{% assign data = site.data[include.collection] %}
{%- capture columns -%}
  {%- for field in data.first -%}
    {
      "title": "{{ field[0] }}",
      "data": "{{ field[0] }}"
    }{% unless forloop.last %}, {% endunless %}
  {%- endfor -%}
{%- endcapture -%}

<script>
  $(document).ready(function () {
    $('#{{ include.collection }}-datatable').DataTable({
      data: {{ data | jsonify }},
      columns: [{{ columns }}],
      scrollY: 600,
      scrollX: 600,
      paging: false,
      fixedHeader: false,
      searching: false,
      ordering:  false,
      dom: 'Bfrtip',
      buttons: [
        'csvHtml5'
      ]
    });
  });
</script>




{% comment %}
{% assign first_item = site.data[include.collection].first %}
  <thead>
    <tr>
      {% for field in first_item %}
        <th>{{ field[0] }}</th>
      {% endfor %}
    </tr>
  </thead>
  <tbody>
  {% for item in site.data[include.collection] %}
    <tr>
      {% for value in item %}
        {% if value[0] == 'pid' %}
          <td>
            <a href='{{ "" | absolute_url }}/{{ include.collection }}/{{ item.pid }}/'>
              {{ value[1] }}
            </a>
          </td>
        {% elsif value[1] contains '/img/derivatives/' %}
          <td>
            <a href='{{ value[1] | absolute_url }}'>
              {{ value[1] | absolute_url }}
            </a>
          </td>
        {% else %}
          <td>{{ value[1] }}</td>
        {% endif %}
      {% endfor %}
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endcomment %}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
wax_theme-1.1.0	_includes/interactive_metadata_table.html
wax_theme-1.0.0	_includes/interactive_metadata_table.html