{% comment %} Data Table Component Usage: {% include 'dashboard/components/data_table.html' with id="my-table" headers=headers rows=rows sortable=True searchable=True pagination=True items_per_page=10 %} Parameters: - id: Unique identifier for the table (required) - headers: List of column headers (required) - rows: List of row data (required) - sortable: Enable sorting (default: False) - searchable: Enable search (default: False) - pagination: Enable pagination (default: False) - items_per_page: Number of items per page (default: 10) {% endcomment %} {% if not id %} {% comment %}Ensure id is provided{% endcomment %}
Error: 'id' parameter is required for data_table component
{% else %}
{% if searchable %}
{% endif %}
{% for header in headers %} {% endfor %} {% for row in rows %} {% for cell in row %} {% endfor %} {% empty %} {% endfor %}
{{ header }} {% if sortable %} {% endif %}
{{ cell }}
No data available
{% if pagination %}
{% endif %}
{% if sortable or searchable or pagination %} {% endif %} {% endif %}