diff --git a/src/app/sprint-table/sprint-table.component.html b/src/app/sprint-table/sprint-table.component.html
index 9190d3a..32e1da9 100644
--- a/src/app/sprint-table/sprint-table.component.html
+++ b/src/app/sprint-table/sprint-table.component.html
@@ -1 +1,42 @@
-<button class="btn btn-dark m-3" (click)="openUserstoryForm(null)">Neuer Sprint</button>
\ No newline at end of file
+<div class="mx-5 my-3">
+
+    <h3 class="my-1">
+      Sprints
+    </h3>
+  
+    <button class="btn btn-secondary my-3" (click)="openSprintForm()">Neuer Sprint</button>
+    <table class="table">
+      <thead>
+      <tr>
+        <th (click)="sortById()" class="sortable">
+          <span>ID</span>
+          <span *ngIf="sortBy === 'id'" class="pl-3">
+            <span *ngIf="sortDescending">▲</span>
+            <span *ngIf="sortDescending === false">▼</span>
+          </span>
+        </th>
+        <th (click)="sortByTitle()" class="sortable">
+          <span>Titel</span>
+          <span *ngIf="sortBy === 'title'" class="pl-3">
+            <span *ngIf="sortDescending">▲</span>
+            <span *ngIf="sortDescending === false">▼</span>
+          </span>
+        </th>
+        <th></th>
+      </tr>
+      </thead>
+  
+      <tbody>
+      <tr *ngFor="let sprint of filteredItems" [class.table-info]="sprint.id === highlightId">
+        <td>{{sprint.id}}</td>
+        <td>{{sprint.title}}</td>
+        <td>
+          <button class="btn btn-secondary m-2" (click)="openSprintForm(sprint)">Bearbeiten</button>
+          <button class="btn btn-secondary m-2" (click)="deleteSprint(sprint)">Löschen</button>
+        </td>
+      </tr>
+      </tbody>
+  
+    </table>
+  </div>
+  
\ No newline at end of file