DeeboData Angular Grid JS Grid React Grid
Contact Us Demo Pricing

DeeboData React Datagrid Column Symbols

React Data Grid

File of interest

1: deebo-grid/src/services/DataGridService.js
Optionally add symbols to numeric columns using the columnSymbols variable in the file of interest above. 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.

columnSymbols = [


Add objects to this array that conform to this structure: { column: "width", symbol: "px" } where column is the string name of numeric column name in your data, and symbol is a 2 character or less string.

Find instances of the code below. We should have stored instances of this in a single variable, but for now, if you want to add any symbols in front of a number, just add it as a string wherever you find this array of currency symbols.

["$","€","£","¥","₣","₹"]


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