fix #162
@ -94,7 +94,6 @@ const getColorBrightness = (hexColor) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const formatNumber = (value, asInteger = false) => {
|
const formatNumber = (value, asInteger = false) => {
|
||||||
if (value === null || value === undefined || value === '') return String(value || '');
|
|
||||||
const num = Number(value);
|
const num = Number(value);
|
||||||
if (Number.isNaN(num)) return String(value);
|
if (Number.isNaN(num)) return String(value);
|
||||||
if (num === 0) return '-';
|
if (num === 0) return '-';
|
||||||
@ -146,7 +145,10 @@ const CellComponent = ({ cell, row, column, onClick, globalFilter, columnFilter,
|
|||||||
const { rawValue, displayValue, isNumeric } = useMemo(() => {
|
const { rawValue, displayValue, isNumeric } = useMemo(() => {
|
||||||
const value = cell.getValue();
|
const value = cell.getValue();
|
||||||
const isNum = value !== null && value !== undefined && value !== '' && !Number.isNaN(Number(value)) && !TEXT_COLUMN_IDS.has(column.id);
|
const isNum = value !== null && value !== undefined && value !== '' && !Number.isNaN(Number(value)) && !TEXT_COLUMN_IDS.has(column.id);
|
||||||
const display = String(value || '');
|
let display = String(value || '');
|
||||||
|
if (isNum) {
|
||||||
|
display = formatNumber(display, false);
|
||||||
|
}
|
||||||
|
|
||||||
if (isVspDropdown && value != null) {
|
if (isVspDropdown && value != null) {
|
||||||
const vsp = vspOptions?.find((v) => v.id === Number(value));
|
const vsp = vspOptions?.find((v) => v.id === Number(value));
|
||||||
@ -154,7 +156,7 @@ const CellComponent = ({ cell, row, column, onClick, globalFilter, columnFilter,
|
|||||||
return { rawValue: value, displayValue: vsp.registration_number, isNumeric: false };
|
return { rawValue: value, displayValue: vsp.registration_number, isNumeric: false };
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return { rawValue: value, displayValue: display, isNumeric: isNum };
|
return { rawValue: value, displayValue: display, isNumeric: isNum };
|
||||||
}, [cell, column.id, isVspDropdown, vspOptions]);
|
}, [cell, column.id, isVspDropdown, vspOptions]);
|
||||||
|
|
||||||
|
|||||||
@ -50,7 +50,7 @@ export const config = {
|
|||||||
header: "",
|
header: "",
|
||||||
accessorKey: "data.name",
|
accessorKey: "data.name",
|
||||||
columnLetter: "C",
|
columnLetter: "C",
|
||||||
size: 300,
|
size: 500,
|
||||||
filterFn: "contains",
|
filterFn: "contains",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@ -44,7 +44,7 @@ export const config = {
|
|||||||
header: "",
|
header: "",
|
||||||
accessorKey: "data.name",
|
accessorKey: "data.name",
|
||||||
columnLetter: "C",
|
columnLetter: "C",
|
||||||
size: 300,
|
size: 500,
|
||||||
filterFn: "contains",
|
filterFn: "contains",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@ -52,7 +52,7 @@ export const config = {
|
|||||||
header: "",
|
header: "",
|
||||||
accessorKey: "data.name",
|
accessorKey: "data.name",
|
||||||
columnLetter: "C",
|
columnLetter: "C",
|
||||||
size: 300,
|
size: 500,
|
||||||
filterFn: "contains",
|
filterFn: "contains",
|
||||||
muiTableHeadCellProps: {
|
muiTableHeadCellProps: {
|
||||||
sx: {
|
sx: {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user