Grid formatter issue

author(s): Sebastian Bochan

by stitot

HTML

<script src="https://code.highcharts.com/dashboards/datagrid.js"></script>

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

CSS

@import url("https://code.highcharts.com/dashboards/css/datagrid.css");

JavaScript

DataGrid.dataGrid('container', {
    dataTable: {
        columns: {
            id: [1,2,3,4],
            value_1: [101,202,303,404],
            value_2: [101,202,303,404],
        
        },
        
    },
    columnDefaults: {
    	cells: {
      	//format: "Default: {value}", // This can be overriden by both format and formatter
        formatter: function() { // Not possible to override this with format
        	return `Defaults: ${this.value}`
        }
      }
    },
    columns:[{
    	id: "value_1",
      cells: {
      	format: "Override: {value}", // This doesn't kick in
      }
    },
    {
    	id: "value_2",
      cells: {
        formatter: function() { // This kick in as expected
        	return `Override: ${this.value}`
        }
      }
    }]
});