I have code which works fine:
myGrid.config = { columnReorder: false, rowHighlight: true, rowSelection: true, columns: myColumns, dataModel: { fields: fields, format: 'array', data: myData } };
But if I attempt to configure the grid later (to add an additional column) it doesn't work. (In fact, if I just run this code snippet above twice in succession, i.e. without even altering the inputs, the grid appears blank).
I have an ugly workaround which is to reset the innerHTML of a <div> containing my grid like so...
document.getElementById("div_" + tName).innerHTML = '<emerald-grid id="' + tName + '" height="192px"></emerald-grid>';
...but surely there must be a better way?