🍉 Meet Flexmonster Pivot Table & Charts 2.9.Check out all hot features!
Get Free Trial

Flexmonster 2.7.12 Issue with Alignment in Mixed Mode Grid/Chart

Serban Vasile asked on August 13, 2019

See attachment. The cells are misaligned in the pivot grid when mixed mode Grid/Chart is enabled.
It happens for ALL the mixed mode pivots we have configured. It started when we upgraded to the latest 2.7.12 version, wasn’t happening in version 2.7.11.
Once scrolling down in the grid, and displaying wider cells, the headers are aligning properly during the redraw of the pivot caused by the scrolling.
Using Angular, this is package.json

“name”: “flexreports”,
“version”: “1.0.16”,
“license”: “MIT”,
“scripts”: {
“ng”: “ng”,
“start”: “ng serve”,
“build”: “ng build”,
“test”: “ng test”,
“lint”: “ng lint”,
“e2e”: “ng e2e”,
“build-dev”: “ng b –source-map –output-path dist/dev”,
“build-test”: “ng b –source-map –output-path dist/test –prod –c test”,
“build-qa”: “ng b –source-map –output-path dist/qa –prod –c qa”,
“build-mod”: “node –max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build –source-map –output-path dist/mod –prod –c mod”,
“build-prod”: “node –max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build –source-map –output-path dist/prod –prod –c prod”,
“postProcess”: “gulp postProcess”,
“webdriver-update”: “webdriver-manager update”
“private”: true,
“dependencies”: {
“@angular/animations”: “^7.0.4”,
“@angular/cdk”: “^7.1.0”,
“@angular/common”: “^7.0.4”,
“@angular/compiler”: “^7.0.4”,
“@angular/core”: “^7.0.4”,
“@angular/forms”: “^7.0.4”,
“@angular/http”: “^7.0.4”,
“@angular/material”: “^7.1.0”,
“@angular/platform-browser”: “^7.0.4”,
“@angular/platform-browser-dynamic”: “^7.0.4”,
“@angular/platform-server”: “^7.0.4”,
“@angular/router”: “^7.0.4”,
“@types/json2csv”: “^4.2.0”,
“@types/jsonpath”: “^0.2.0”,
“angular-in-memory-web-api”: “^0.5.4”,
“classlist.js”: “^1.1.20150312”,
“core-js”: “^2.5.7”,
“custom-event-polyfill”: “^1.0.7”,
“gulp”: “^3.9.1”,
“json2csv”: “^4.3.3”,
“jsonpath”: “^1.0.1”,
“ng-flexmonster”: “^2.7.12-1”,
“primeflex”: “^1.0.0-rc.1”,
“primeicons”: “^1.0.0”,
“primeng”: “^7.1.0”,
“rxjs”: “^6.2.0”,
“rxjs-compat”: “^6.0.0-rc.0”,
“stream”: “0.0.2”,
“timers”: “^0.1.1”,
“web-animations-js”: “^2.3.1”,
“zone.js”: “^0.8.26”
“devDependencies”: {
“@angular-devkit/build-angular”: “^0.12.3”,
“@angular/cli”: “^7.0.6”,
“@angular/compiler-cli”: “^7.0.4”,
“@angular/language-service”: “^7.0.4”,
“@types/jasmine”: “^3.3.0”,
“@types/jasminewd2”: “~2.0.2”,
“@types/node”: “^10.12.10”,
“codelyzer”: “^4.5.0”,
“gulp-concat”: “^2.6.1”,
“gulp-replace”: “^1.0.0”,
“jasmine-core”: “^3.3.0”,
“jasmine-spec-reporter”: “^4.2.1”,
“karma”: “^3.1.1”,
“karma-chrome-launcher”: “^2.2.0”,
“karma-cli”: “^1.0.1”,
“karma-coverage-istanbul-reporter”: “^1.2.1”,
“karma-jasmine”: “^2.0.1”,
“karma-jasmine-html-reporter”: “^1.4.0”,
“protractor”: “^5.4.1”,
“rxjs-tslint”: “^0.1.5”,
“ts-node”: “~4.1.0”,
“tslint”: “^5.11.0”,
“typescript”: “^3.1.6”,
“vinyl-paths”: “^2.1.0”


2 answers

Ian Sadovy Ian Sadovy Flexmonster August 14, 2019

Hello Serban,
Thank you for noticing that.
We have already fixed that and re-published version 2.7.12 with a patch.
Here is the sample: https://jsfiddle.net/flexmonster/qtd28ac7/
Also, please note that the correct version build should be `Version 2.7.12 (build 08/14/2019 14:03:48)`.
Please let us know if it works for you.

Serban Vasile August 14, 2019

Hey, you should extend our free upgrades with 3 months for each of these that we find 🙂
It worked, once I upgraded, the issue is not there anymore.

Please login or Register to Submit Answer