From 86a6b4ff8e0f83e74c325a0603b153dd32193670 Mon Sep 17 00:00:00 2001
From: Beverly Nguyen <Beverly.Nguyen@gsa.gov>
Date: Tue, 12 Mar 2024 13:41:05 -0700
Subject: [PATCH] marco to table

---
 app/templates/views/check/preview.html | 44 ++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)

diff --git a/app/templates/views/check/preview.html b/app/templates/views/check/preview.html
index 7398a7fd9..86b173677 100644
--- a/app/templates/views/check/preview.html
+++ b/app/templates/views/check/preview.html
@@ -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">