Highlight cell in errors

validata_ui_next/templates/validation_report.html

@@ -55,23 +55,29 @@
 
     {% if err.context == 'body' %}
 
-    <table class="table-sm table-bordered table-striped table-hover">
-        <thead>
-            <th>#</th>
-            {% for h in report['tables'][0]['headers'] %}
-            <th>{{ h }}</th>
-            {% endfor %}
-        </thead>
-        <!-- TODO: regrouper les erreurs par ligne ? -->
-        <tbody>
-            <tr>
-                <td>{{ err['row-number'] - 1 }}</td>
-                {% for d in source_data.data_rows[err['row-number'] - 2] %}
-                <td>{{ d }}</td>
+    <div class="table-responsive-sm">
+        <table class="table-sm table-bordered table-striped table-hover">
+            <thead>
+                <th scope="col">#</th>
+                {% for h in report['tables'][0]['headers'] %}
+                <th scope="col">{{ h }}</th>
                 {% endfor %}
-            </tr>
-        </tbody>
-    </table>
+            </thead>
+            <!-- TODO: regrouper les erreurs par ligne ? -->
+            <tbody>
+                <tr>
+                    <th scope="row">{{ err['row-number'] - 1 }}</th>
+                    {% for d in source_data.data_rows[err['row-number'] - 2] %}
+                    {% if loop.index == err['column-number'] %}
+                    <td class="table-danger">{{ d }}</td>
+                    {% else %}
+                    <td>{{ d }}</td>
+                    {% endif %}
+                    {% endfor %}
+                </tr>
+            </tbody>
+        </table>
+    </div>
     <p class="text">{{ err.message }}</p>
 
     {% endif %}