Currency column

by FancyGrid Inc.

HTML

<script src="https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.js"></script>

<div id="container"></div>

JavaScript

document.addEventListener("DOMContentLoaded", function() {

  new FancyGrid({
    renderTo: 'container',
    theme: 'extra-gray',
    selModel: 'rows',
    trackOver: true,
    filter: true,
    data: data,
    width: 400,
    height: 500,
    defaults: {
      resizable: true,
      sortable: true,
      draggable: true,
      align: 'left',
      menu: true
    },
    columns: [{
      type: 'string',
      width: 120,
      title: 'Name',
      cellAlign: 'left',
      index: 'name',
      render: function(o) {
        o.value = o.data.name + ' ' + o.data.surname;

        return o;
      }
    }, {
      type: 'string',
      width: 120,
      title: 'Position',
      cellAlign: 'left',
      index: 'position'
    }, {
      type: 'currency',
      precision: 2,
      editable: true,
      title: 'Salary',
      cellAlign: 'right',
      index: 'salary'    
    }]
  });
});

var data = [{
  "position": "CEO",
  "name": "Nick",
  "surname": "Thomson",
  "salary": 10000,
  "phone": "858-490-5000",
  "birthday": "1961.10.01",
  "email": "Nick.Thomson@kia-canada.com"
}, {
  "position": "Deputy Director",
  "name": "Grace",
  "surname": "Thomson",
  "salary": 9000,
  "phone": "858-490-2000",
  "birthday": "1980.07.21",
  "email": "Grace.Thomson@kia-canada.com"
}, {
  "position": "Sales Director",
  "name": "Peter",
  "surname": "West",
  "salary": 7000,
  "phone": "858-490-5001",
  "birthday": "1965.01.05",
  "email": "Peter.West@kia-canada.com"
}, {
  "position": "Tech Director",
  "name": "Alexander",
  "surname": "Brown",
  "salary": 6000,
  "phone": "858-490-5002",
  "birthday": "1966.08.21",
  "email": "Alexander.Brown@kia-canada.com"
}, {
  "position": "Clients Manager",
  "name": "Nicholas",
  "surname": "Miller",
  "salary": 6000,
  "phone": "858-490-5003",
  "birthday": "1967.09.17",
  "email": "Nicholas.Miller@kia-canada.com"
}, {
  "position": "Tech Director",
  "name": "Andrew",
  "surname": "Richardson",
  "salary": 6000,
  "phone": "858-490-7001",
 ...