table in evidence page details

evidence/templates/ev_details.html

@@ -29,26 +29,44 @@
 <div class="tab-content pt-2">
 
   <div class="tab-pane fade show active" id="device">
-    <h5 class="card-title">List of chids</h5>
+    <h5 class="card-title"></h5>
     <div class="list-group col-6">
+      <table class="table">
+        <thead>
+          <tr>
+            <th scope="col" data-sortable="">
+              {% trans "Type" %}
+            </th>
+            <th scope="col" data-sortable="">
+              {% trans "Identificator" %}
+            </th>
+            <th scope="col" data-sortable="">
+              {% trans "Data" %}
+            </th>
+          </tr>
+        </thead>
         {% for snap in object.annotations %}
+        <tbody>
         {% if snap.type == 0 %}
-      <div class="list-group-item">
+          <tr>
-        <div class="d-flex w-100 justify-content-between">
+            <td>
-          <h5 class="mb-1"></h5>
+              {{ snap.key }}
-          <small class="text-muted">
+            </td>
-	    {{ snap.created }}
+            <td>
-	  </small>
-        </div>
-        <p class="mb-1">
-          {{ snap.key }}<br />
-        </p>
               <small class="text-muted">
                 <a href="{% url 'device:details' snap.value %}">{{ snap.value }}</a>
               </small>
-      </div>
+            </td>
+            <td>
+              <small class="text-muted">
+		{{ snap.created }}
+              </small>
+            </td>
+          </tr>
         {% endif %}
+        </tbody>
         {% endfor %}
+      </table>
     </div>
   </div>
   <div class="tab-pane fade" id="tag">