marco to table

This commit is contained in:
Beverly Nguyen
2024-03-12 13:41:05 -07:00
parent e9148851fb
commit 86a6b4ff8e

View File

@@ -42,7 +42,7 @@
</ul>
</div>
<div class="usa-table-container--scrollable" tabindex="0">
{% call(item, row_number) list_table(
<!-- {% call(item, row_number) list_table(
recipients.displayed_rows,
caption="Note: Only the first 5 rows are displayed here.",
caption_visible=True,
@@ -60,7 +60,47 @@
{{ text_field(column, status='default') }}
{% endfor %}
{% endif %}
{% endcall %}
{% endcall %} -->
<table class="usa-table usa-table--borderless width-full">
<caption class="font-body-lg table-heading">
Note: Only the first 5 rows are displayed here.
</caption>
<thead class="table-field-headings-visible">
<tr>
{% for header in recipients.column_headers %}
<th scope="col" class="table-field-heading-first">
{{ header }}
</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for item in recipients.displayed_rows %}
<tr class="table-row">
{% for column in recipients.column_headers %}
<td class="table-field-left-aligned">
<div class="">
{% if item[column].ignore %}
{{ item[column].data or '' }}
{% else %}
{{ item[column].data or '' }}
{% endif %}
</div>
</td>
{% endfor %}
{% if item[None].data %}
{% for column in item[None].data %}
<td class="table-field-left-aligned">
<div class="">
{{ column }}
</div>
</td>
{% endfor %}
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
<!-- <div class="bottom-gutter-3-2">