Portfolio - Components

View All Components

Component: Datatable

Features:

  1. Display sortable and searchable data in responsive table

Notes:

  1. see datatables.net
  2. use <table class="display" for table class. Maintain exact table structure as per WYSIWYG source

Watch Short Video

Datatable

NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011-04-25$320,800
Garrett WintersAccountantTokyo632011-07-25$170,750
fdsfdsfdsfdsfd44fdssfd
paragraph--datatable.html.twig

 
{% block paragraph %}

<div class="row">

  <div class="col-md-12">

    {% block content %}

     {{ content }}

    {% endblock %}

  </div>

</div>

{% endblock paragraph %}
field.html.twig

 
{% for item in items %}

{{ item.content }}

{% endfor %}