Tabelle

buildtime/static/css/scpq_content.css

@@ -95,7 +95,6 @@ nav ul li a:hover {
     font-weight: lighter;
 }
 
-
 /* form styles */
 .cform {
     display: flex;
@@ -142,3 +141,28 @@ nav ul li a:hover {
 .mt-16 {
     margin-top: 16px;
 }
+
+/* Table styles */
+table {
+    margin: 16px;
+    width: 80%;
+    border-collapse: collapse;
+}
+
+table, th, td {
+    border: 1px solid var(--primary-color);
+}
+
+th, td {
+    padding: 8px;
+    text-align: left;
+}
+
+td {
+    background-color: var(--data-background-color);
+}
+
+th {
+    color: var(--primary-color);
+    font-weight: 500;
+}

buildtime/templates/pages/index.html

@@ -111,8 +111,36 @@
                     <h3>Values für {PropertyTypeName}</h3>
                     <section class="editor-view">
                         <section id="ValueData">
-                            <p>Hier können die Werte der ausgewählten Eigenschaft bearbeitet werden.</p>
+                            <table>
-                            <!-- Editor content can be added here -->
+                                <tr>
+                                    <th>ID</th>
+                                    <th>Value</th>
+                                    <th>Description</th>
+                                    <th>Actions</th>
+                                </tr>
+                                <tr> 
+                                    <td>1</td>
+                                    <td>Value 1</td>
+                                    <td>Description 1</td>
+                                    <td>
+                                        <div class="button_row">
+                                            <button type="button">Edit</button>
+                                            <button type="button">Delete</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>2</td>
+                                    <td>Value 2</td>
+                                    <td>Description 2</td>
+                                    <td>
+                                        <div class="button_row">
+                                            <button type="button">Edit</button>
+                                            <button type="button">Delete</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </table>
                         </section>
                     </section>
                 </div>