Rename interfaces, AppBar changes

frontend_reactjs/src/components/DataTable.tsx

@@ -9,7 +9,8 @@ export default function DataTable(props: Props) {
 
     return (
         <DataGrid
-            style={{ width: "100%", height: "100%" }}
+            autoHeight
+            style={{ width: "100%" }}
             rows={props.rows}
             columns={props.columns}
             initialState={{
@@ -19,9 +20,16 @@ export default function DataTable(props: Props) {
             }}
             pageSizeOptions={[10, 20, 50, 100]}
             checkboxSelection
-
             disableRowSelectionOnClick
 
+            processRowUpdate={(updatedRow, originalRow) => {
+                console.log(updatedRow)
+                return updatedRow
+            }}
+
+            onProcessRowUpdateError={(error)=>{
+                console.log(error)
+            }}
         />
     );
 }