Column Symbols

Optionally add symbols to numeric columns using the columnSymbols variable in the services/data-table-service.ts file The code is already prepared to place currency symbols in front and other symbols trailing the actual numeric data e.g. $12 or 50ft. See more regarding how symbols are handled further down.

Find the function pictured below in the 2nd file of interest listed above. Use this default code or manipulate it to fit your needs. The code on line 80 is saying to put the listed currencies before the number and anything else goes after. If you have a symbol that needs to go in front, just add it to the list as a string.

CSS Classes For Symbols

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