diff --git a/project/frontend/src/components/KennzahlenTable.tsx b/project/frontend/src/components/KennzahlenTable.tsx
new file mode 100644
index 0000000..420ed8f
--- /dev/null
+++ b/project/frontend/src/components/KennzahlenTable.tsx
@@ -0,0 +1,132 @@
+import {
+    Table, TableBody, TableCell, TableContainer,
+    TableHead, TableRow, Paper, Box,
+    Dialog, DialogActions, DialogContent, DialogTitle,
+    TextField, Button
+  } from '@mui/material';
+  import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+  import SearchIcon from '@mui/icons-material/Search';
+  import EditIcon from '@mui/icons-material/Edit';
+  import { useState } from 'react';
+  
+  
+  //  Beispiel-Daten
+  const exampleData = [
+    { label: 'Fondsname', value: 'Fund Real Estate Prime Europe', page: 1, status: 'ok' },
+    { label: 'Fondsmanager', value: '', page: 1, status: 'error' },
+    { label: 'Risikoprofil', value: 'Core/Core+', page: 10, status: 'warning' },
+    { label: 'LTV', value: '30-35 %', page: 8, status: 'ok' }
+  ];
+  
+  // React-Komponente
+  export default function KennzahlenTable() {
+    // Zustand für bearbeitbare Daten
+    const [rows, setRows] = useState(exampleData);
+  
+    // Zustände für Dialog-Funktion
+    const [open, setOpen] = useState(false); // Dialog anzeigen?
+    const [currentValue, setCurrentValue] = useState(''); // Eingabewert
+    const [currentIndex, setCurrentIndex] = useState<number | null>(null); // Zeilenindex
+  
+    // Beim Klick auf das Stift-Icon: Dialog öffnen
+    const handleEditClick = (value: string, index: number) => {
+      setCurrentValue(value);
+      setCurrentIndex(index);
+      setOpen(true);
+    };
+  
+    // Wert speichern und Dialog schließen
+    const handleSave = () => {
+      if (currentIndex !== null) {
+        const updated = [...rows];
+        updated[currentIndex].value = currentValue;
+        setRows(updated);
+      }
+      setOpen(false);
+    };
+  
+    return (
+      <>
+        <TableContainer component={Paper}>
+          <Table>
+            {/* Tabellenkopf */}
+            <TableHead>
+              <TableRow>
+                <TableCell><strong>Kennzahl</strong></TableCell>
+                <TableCell><strong>Wert</strong></TableCell>
+                <TableCell><strong>Seite</strong></TableCell>
+              </TableRow>
+            </TableHead>
+  
+            {/* Tabelleninhalt */}
+            <TableBody>
+              {rows.map((row, index) => {
+                // Rahmenfarbe anhand Status
+                let borderColor = 'transparent';
+                if (row.status === 'error') borderColor = 'red';
+                else if (row.status === 'warning') borderColor = '#f6ed48';
+  
+                return (
+                  <TableRow key={index}>
+                    {/* Kennzahl */}
+                    <TableCell>{row.label}</TableCell>
+  
+                    {/* Wert mit Status-Icons + Stift rechts */}
+                    <TableCell>
+                      <Box
+                        sx={{
+                          border: `2px solid ${borderColor}`,
+                          borderRadius: 1,
+                          padding: '4px 8px',
+                          display: 'flex',
+                          alignItems: 'center',
+                          justifyContent: 'space-between',
+                          width: '100%',
+                        }}
+                      >
+                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                          {row.status === 'error' && <ErrorOutlineIcon fontSize="small" color="error" />}
+                          {row.status === 'warning' && <SearchIcon fontSize="small" sx={{ color: '#f6ed48' }} />}
+                          <span>{row.value || '—'}</span>
+                        </Box>
+  
+                        {/* Stift-Icon */}
+                        <EditIcon
+                          fontSize="small"
+                          sx={{ color: '#555', cursor: 'pointer' }}
+                          onClick={() => handleEditClick(row.value, index)}
+                        />
+                      </Box>
+                    </TableCell>
+  
+                    {/* Seitenzahl */}
+                    <TableCell>{row.page}</TableCell>
+                  </TableRow>
+                );
+              })}
+            </TableBody>
+          </Table>
+        </TableContainer>
+  
+        {/* Dialog zum Bearbeiten */}
+        <Dialog open={open} onClose={() => setOpen(false)}>
+          <DialogTitle>Kennzahl bearbeiten</DialogTitle>
+          <DialogContent>
+            <TextField
+              fullWidth
+              value={currentValue}
+              onChange={(e) => setCurrentValue(e.target.value)}
+              label="Neuer Wert"
+              variant="outlined"
+              margin="dense"
+            />
+          </DialogContent>
+          <DialogActions>
+            <Button onClick={() => setOpen(false)}>Abbrechen</Button>
+            <Button onClick={handleSave} variant="contained">Speichern</Button>
+          </DialogActions>
+        </Dialog>
+      </>
+    );
+  }
+  
\ No newline at end of file
diff --git a/project/frontend/src/routes/extractedResult.$pitchBook.tsx b/project/frontend/src/routes/extractedResult.$pitchBook.tsx
index 5f5fe37..01cbebb 100644
--- a/project/frontend/src/routes/extractedResult.$pitchBook.tsx
+++ b/project/frontend/src/routes/extractedResult.$pitchBook.tsx
@@ -1,100 +1,100 @@
 import ContentPasteIcon from "@mui/icons-material/ContentPaste";
 import { Box, Button, Paper, Typography } from "@mui/material";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import KennzahlenTable from "../components/KennzahlenTable";
 import PDFViewer from "../components/pdfViewer";
 
 export const Route = createFileRoute("/extractedResult/$pitchBook")({
-  component: ExtractedResultsPage,
+	component: ExtractedResultsPage,
 });
 
 function ExtractedResultsPage() {
-  const { pitchBook } = Route.useParams();
-  const navigate = useNavigate();
-  const status: "green" | "yellow" | "red" = "red";
+	const { pitchBook } = Route.useParams();
+	const navigate = useNavigate();
+	const status: "green" | "yellow" | "red" = "red";
 
-  const statusColor = {
-    red: "#f43131",
-    yellow: "#f6ed48",
-    green: "#3fd942",
-  }[status];
+	const statusColor = {
+		red: "#f43131",
+		yellow: "#f6ed48",
+		green: "#3fd942",
+	}[status];
 
-  return (
-    <Box p={4}>
-      <Box display="flex" alignItems="center" gap={3}>
-        <Box
-          sx={{
-            width: 45,
-            height: 45,
-            borderRadius: "50%",
-            backgroundColor: statusColor,
-            top: 32,
-            left: 32,
-          }}
-        />
-        <Typography variant="h5" gutterBottom>
-          Kennzahlen extrahiert aus: <br />
-          <strong>FONDSNAME: TODO</strong>
-        </Typography>
-      </Box>
-      <Box
-        display="flex"
-        gap={4}
-        sx={{
-          width: "100vw",
-          maxWidth: "100%",
-          height: "80vh",
-          mt: 4,
-        }}
-      >
-        <Paper
-          elevation={2}
-          sx={{
-            width: "45%",
-            height: "100%",
-            borderRadius: 2,
-            backgroundColor: "#eeeeee",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-          }}
-        >
-          <Typography color="textSecondary">To-do: Table hierhin</Typography>
-        </Paper>
-        <Box
-          display="flex"
-          flexDirection="column"
-          justifyContent="space-between"
-          gap={5}
-          sx={{ width: "55%", height: "95%" }}
-        >
-          <Paper
-            elevation={2}
-            sx={{
-              height: "100%",
-              borderRadius: 2,
-              backgroundColor: "#eeeeee",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-            }}
-          >
-            <PDFViewer pitchBookId={pitchBook} />
-          </Paper>
-          <Box mt={2} display="flex" justifyContent="flex-end" gap={2}>
-            <Button variant="contained" sx={{ backgroundColor: "#383838" }}>
-              <ContentPasteIcon sx={{ fontSize: 18, mr: 1 }} />
-              Kennzahlenzeile kopieren
-            </Button>
-            <Button
-              variant="contained"
-              sx={{ backgroundColor: "#383838" }}
-              onClick={() => navigate({ to: "/" })}
-            >
-              Neu hochladen
-            </Button>
-          </Box>
-        </Box>
-      </Box>
-    </Box>
-  );
+	return (
+		<Box p={4}>
+			<Box display="flex" alignItems="center" gap={3}>
+				<Box
+					sx={{
+						width: 45,
+						height: 45,
+						borderRadius: "50%",
+						backgroundColor: statusColor,
+						top: 32,
+						left: 32,
+					}}
+				/>
+				<Typography variant="h5" gutterBottom>
+					Kennzahlen extrahiert aus: <br />
+					<strong>FONDSNAME: TODO</strong>
+				</Typography>
+			</Box>
+			<Box
+				display="flex"
+				gap={4}
+				sx={{
+					width: "100vw",
+					maxWidth: "100%",
+					height: "80vh",
+					mt: 4,
+				}}
+			>
+				<Paper
+					elevation={2}
+					sx={{
+						width: "45%",
+						height: "100%",
+						borderRadius: 2,
+						backgroundColor: "#eeeeee",
+						padding: 2,
+						overflow: "auto",
+					}}
+				>
+					<KennzahlenTable />
+				</Paper>
+				<Box
+					display="flex"
+					flexDirection="column"
+					justifyContent="space-between"
+					gap={5}
+					sx={{ width: "55%", height: "95%" }}
+				>
+					<Paper
+						elevation={2}
+						sx={{
+							height: "100%",
+							borderRadius: 2,
+							backgroundColor: "#eeeeee",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center",
+						}}
+					>
+						<PDFViewer pitchBookId={pitchBook} />
+					</Paper>
+					<Box mt={2} display="flex" justifyContent="flex-end" gap={2}>
+						<Button variant="contained" sx={{ backgroundColor: "#383838" }}>
+							<ContentPasteIcon sx={{ fontSize: 18, mr: 1 }} />
+							Kennzahlenzeile kopieren
+						</Button>
+						<Button
+							variant="contained"
+							sx={{ backgroundColor: "#383838" }}
+							onClick={() => navigate({ to: "/" })}
+						>
+							Neu hochladen
+						</Button>
+					</Box>
+				</Box>
+			</Box>
+		</Box>
+	);
 }