I tried to modify the demo from codepen (https://codepen.io/pen?editors=0010) with the following code and the cell renders incorrectly with html tags:
let searchField = new TextField({
appendTo : document.body,
label : 'Search',
icon : 'b-icon b-icon-search',
value : 'on',
style : 'margin-bottom: 1em',
onInput : () => grid.features.search.search(searchField.value)
});
// grid with Search feature
let grid = new Grid({
appendTo : document.body,
// makes grid as high as it needs to be to fit rows
autoHeight : true,
features : {
// enable searching
search : true
},
data : DataGenerator.generateData(5),
columns : [
{ field : 'name', text : 'Name', flex : 1,
renderer(renderData) {
return `<div style='background-color:lightgreen; width: 200px'>${renderData.value}</div>`;
}
},
{ field : 'city', text : 'City', flex : 1 }
]
});
// initial search
grid.features.search.search(searchField.value);