fix: numeric values formating.

client/src/components/Datatable/TableCell.js

@@ -59,6 +59,7 @@ export default function TableCell({ cell, row, index }) {
         className: classNames(cell.column.className, 'td', {
           'is-text-overview': cell.column.textOverview,
           'clickable': cell.column.clickable,
+          'align-right': cell.column.align === 'right',
         }),
         onClick: handleCellClick,
       })}

client/src/components/Datatable/TableHeader.js

@@ -14,7 +14,9 @@ function TableHeaderCell({ column, index }) {
   return (
     <div
       {...column.getHeaderProps({
-        className: classNames(column.className || '', 'th'),
+        className: classNames(column.className || '', 'th', {
+          'align-right': column.align === 'right',
+        }),
       })}
     >
       <If condition={expandable && index + 1 === expandToggleColumn}>
@@ -32,7 +34,7 @@ function TableHeaderCell({ column, index }) {
         {...column.getSortByToggleProps({
           className: classNames('cell-inner', {
             'text-overview': column.textOverview,
-          })
+          }),
         })}
       >
         {column.render('Header')}

client/src/components/Utils/FormatNumber.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { formattedAmount } from 'utils';
+
+export function FormatNumber({ value, currency = '', noZero }) {
+  return formattedAmount(value, currency, { noZero });
+}
+
+export function FormatNumberCell({ value, column: { formatNumber } }) {
+  return <FormatNumber value={value} {...formatNumber} />;
+}

client/src/components/Utils/index.js

@@ -0,0 +1,3 @@
+
+
+export * from './FormatNumber';

client/src/components/index.js

@@ -78,6 +78,8 @@ export * from './Dashboard';
 export * from './Drawer';
 export * from './Forms';
 export * from './MultiSelectTaggable'
+export * from './Utils/FormatNumber';
+
 const Hint = FieldHint;
 
 const T = FormattedMessage;