Column Symbols
Javascript Data Grid
To Add Column Symbols (Numeric Columns)
To add symbols to numeric columns, do a ctrl + F in the enterprise javascript file for
Then update the columnSymbols property with the appropriate array of objects for your data. Objects in the array should conform to
There are default rules that determine if a column symbol is inserted before or after the number itself. See the code below:
columnSymbols:Then update the columnSymbols property with the appropriate array of objects for your data. Objects in the array should conform to
{ column: "column_name", symbol: "$" } where
symbol is a 1 or 2 character string. The column property is case sensitive with the column names in your data.
There are default rules that determine if a column symbol is inserted before or after the number itself. See the code below:
let symbolCls = ["$","€","£","¥","₣","₹"].indexOf(sym) > -1 ? "has-symbol-b" : "has-symbol";
You can do a ctrl + F for this code to change the rules. The default script currently contains 3 instances of this code. Basically, if the symbol is a currency symbol, it is inserted before the number. For other symbols, they are inserted after the number. You can change this logic as needed.
has-symbol-b the css class that inserts the symbol before the number
has-symbol the css class that inserts the symbol after the number
