mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-09-07 07:15:45 +00:00
fix data table
This commit is contained in:
@@ -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") {
|
if (format === "date") {
|
||||||
const d = new Date(String(value));
|
const d = new Date(String(value));
|
||||||
if (Number.isNaN(d.getTime())) return <Text size="sm">{String(value)}</Text>;
|
if (Number.isNaN(d.getTime())) return <Text size="sm">{String(value)}</Text>;
|
||||||
|
|||||||
@@ -377,8 +377,18 @@ const FleetResourcePage = () => {
|
|||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{viewMode === "table" ? (
|
{viewMode === "table" ? (
|
||||||
<Box style={{ overflowX: "auto", width: "100%", minWidth: 0, WebkitOverflowScrolling: "touch" }}>
|
<Box style={{
|
||||||
<div style={{ minWidth: "max-content", display: "inline-block", width: "100%" }}>
|
overflowX: "auto",
|
||||||
|
width: "100%",
|
||||||
|
minWidth: 0,
|
||||||
|
WebkitOverflowScrolling: "touch",
|
||||||
|
display: "block"
|
||||||
|
}}>
|
||||||
|
<div style={{
|
||||||
|
minWidth: "100%",
|
||||||
|
display: "table",
|
||||||
|
width: "100%"
|
||||||
|
}}>
|
||||||
<DataTable
|
<DataTable
|
||||||
columns={columns}
|
columns={columns}
|
||||||
data={pagedRows}
|
data={pagedRows}
|
||||||
|
|||||||
Reference in New Issue
Block a user