fix data table

apps/edr-freight-web/backoffice/src/components/ruleEngine/ruleEngineFormat.tsx

@@ -85,6 +85,15 @@ export const formatCell = (value: unknown, format?: ColumnFormat): ReactNode =>
     );
   }
 
+  if (format === "text") {
+    return <Text size="sm">{String(value)}</Text>;
+  }
+
+  if (format === "number") {
+    const num = Number(value);
+    return <Text size="sm">{Number.isNaN(num) ? String(value) : num.toLocaleString()}</Text>;
+  }
+
   if (format === "date") {
     const d = new Date(String(value));
     if (Number.isNaN(d.getTime())) return <Text size="sm">{String(value)}</Text>;

apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx

@@ -377,8 +377,18 @@ const FleetResourcePage = () => {
           </Box>
 
           {viewMode === "table" ? (
-            <Box style={{ overflowX: "auto", width: "100%", minWidth: 0, WebkitOverflowScrolling: "touch" }}>
-              <div style={{ minWidth: "max-content", display: "inline-block", width: "100%" }}>
+            <Box style={{
+              overflowX: "auto",
+              width: "100%",
+              minWidth: 0,
+              WebkitOverflowScrolling: "touch",
+              display: "block"
+            }}>
+              <div style={{
+                minWidth: "100%",
+                display: "table",
+                width: "100%"
+              }}>
                 <DataTable
                 columns={columns}
                 data={pagedRows}