AngularJs + NPM + Bryntum Grid 5.2.2
Hi,
I am following the example from the documentation for the Row Expander and made a very simple grid to test it out. but it, seems to behave differently.
It is not showing the rendered Data on the bottom of the column and the Data sticks around when you collapse the row.
import { Grid } from '@bryntum/grid/grid.module.js';
const grid = new Grid({
adopt: "testGrid",
autoHeight: true,
features: {
rowExpander:
{
renderer({ record }) {
return `<div style="padding: 10px"><div style="font-weight: bold;margin-bottom:5px;">Introduction in Latin</div><div style="color:#555">LOREM IPSUM WHATEVER TESTTTTT</div></div>`;
}
}
},
columns: [
{ field: 'name', text: 'Name', width: 200 },
{ field: 'city', text: 'City', flex: 1 }
],
data: [
{ id: 1, name: 'Dan Stevenson', city: 'Los Angeles' },
{ id: 2, name: 'Talisha Babin', city: 'Paris' }
]
});
Video of the bug: https://imgur.com/a/QSrHSRg