isFrozen: true, // With this option I try to frozen this column
template: 'My template',
But the applications show the error listed below:
ERROR TypeError: this.parent.headerModule.getMovableHeader is not a function
at Scroll.push../node_modules/@syncfusion/ej2-grids/src/grid/actions/scroll.js.Scroll.setScrollLeft (scroll.js:125)
at Observer.push../node_modules/@syncfusion/ej2-base/src/observer.js.Observer.notify (observer.js:89)
at GridComponent.push../node_modules/@syncfusion/ej2-base/src/component.js.Component.notify (component.js:189)
at HeaderRender.push../node_modules/@syncfusion/ej2-grids/src/grid/renderer/header-renderer.js.HeaderRender.renderTable (header-renderer.js:149)
at Render.push../node_modules/@syncfusion/ej2-grids/src/grid/renderer/render.js.Render.render (render.js:54)
at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.gridRender (grid.js:2371)
at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.render (grid.js:700)
at GridComponent.push../node_modules/@syncfusion/ej2-base/src/component.js.Component.appendTo (component.js:130)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:3662)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
at Zone../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
at ./node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:496)
at ZoneTask.invoke (zone.js:485)
at timer (zone.js:2054)
TSThavasianand Sankaranarayanan Syncfusion Team June 11, 2019 04:56 AM
Thanks for contacting Syncfusion support.
Query: “Freeze specific columns”
From your query and code example we understand that you are facing issue while freezing a stacked header column. We have prepared a sample using your code example but unfortunately we are unable to reproduce the reported issue at our end. Kindly refer the below link for the sample.
After referring the sample if you still facing the issue kindly share the following details.
Share the entire Grid rendering code.
Share your essential studio version.
Share the issue replication with help of screenshot or video demonstration.
If possible try to reproduce the reported issue in provided sample.
RRRolian RuizJune 11, 2019 11:27 AM
Thank you for your quick answer, my problem was related to not including FreeService into my component. Now I present another problem and it is related to the style that between the freeze column and the rest of the columns, in the image below I show the problem.
Look how the selected row it's misaligned between freezed column and the rest. Actually I'm using this styles:
Share the stack trace details, if you face any script error in console.
I not getting any console
Mentioned issue reproduced in initial render or after any operations performed.
On initial render
Do you have using any external CSS for Grid ? if so please share those details.
Yes, I'm currently using too @swimlane/ngx-datatable but commenting those styles, the error persist.
If possible try to reproduce the issue in the previously attached sample.
I can't reproduce it in the example.
I'm currently using this versions:
RRRolian RuizJune 12, 2019 12:03 PM
The problem was solved.
For some reason if you have a custom zoom on the browser, the style is broken.
PSPavithra Subramaniyam Syncfusion Team June 13, 2019 05:33 AM
We are happy to hear that your problem has been solved.
Currently we do not have support for automatically adopt the grid when applying browser zooming. And also we would like to inform you that this is a default behavior of HTML Table. By default the html table adjusts its pixels(based on the content available inside the td) with respect to the screen resolutions.
Please get back to us if you need further assistance. As always, we are happy to assist you