diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/example02.ts b/examples/webpack-demo-vanilla-bundle/src/examples/example02.ts index c6afd51fd..4cd9c328d 100644 --- a/examples/webpack-demo-vanilla-bundle/src/examples/example02.ts +++ b/examples/webpack-demo-vanilla-bundle/src/examples/example02.ts @@ -55,6 +55,9 @@ export class Example2 { this.eventService.addElementEventListener(gridContainerElm, 'onbeforeexporttoexcel', () => console.log('onBeforeExportToExcel')); this.eventService.addElementEventListener(gridContainerElm, 'onafterexporttoexcel', () => console.log('onAfterExportToExcel')); this.sgb = new Slicker.GridBundle(gridContainerElm, this.columnDefinitions, { ...ExampleGridOptions, ...this.gridOptions }, this.dataset); + + // you could group by duration on page load (must be AFTER the DataView is created, so after GridBundle) + // this.groupByDuration(); } dispose() { diff --git a/packages/common/src/editors/autoCompleteEditor.ts b/packages/common/src/editors/autoCompleteEditor.ts index e77913124..3c67f262b 100644 --- a/packages/common/src/editors/autoCompleteEditor.ts +++ b/packages/common/src/editors/autoCompleteEditor.ts @@ -455,8 +455,16 @@ export class AutoCompleteEditor implements Editor { } }); - // add a in order to add spinner styling - $(``).appendTo(this.args.container); + // append the new DOM element to the slick cell container, + // we need the autocomplete-container so that the spinner is aligned properly with the Composite Editor + if (this._$editorElm && typeof this._$editorElm.appendTo === 'function') { + const $container = $(`
`); + $container.appendTo(this.args.container); + this._$editorElm.appendTo($container); + + // add a in order to add spinner styling + $(``).appendTo($container); + } // user might pass his own autocomplete options const autoCompleteOptions: AutocompleteOption = this.columnEditor.editorOptions;