1. Feedback
  2. Vue
  3. 41022

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

3
Votes

Upgrading Syncfusion package makes the column headers misaligned

  • Details about the bug.

    Just by upgrading @syncfusion/ej2-vue-grids version from 20.4.43 to 20.4.44, an issue happens:

    when you scroll horizontally, it freezes the columns but the headers move around and misalign everything. The frozen column headers seem to disappear. I have investigated, this issue is caused by setting `allowRowDragAndDrop` property of the `ejs-grid` to `true`. But the same setting won't cause the same issue on version 20.4.43. The issue only happens on 20.4.44 and above.


  • Reproducing steps.
    1. Clone a repo I have prepared here https://github.com/meidikawardana/syncfusion-sample
    , open the syncfusion-sample folder in a terminal, run `git checkout upgrading-grid-packages-break-frozen-columns` command, run `yarn` command, run `quasar dev`, then it will open a tab in browser (preferably Google Chrome): http://localhost:8081/#/
    2. You should immediately see the issue. The column headers are misaligned, and actually the frozen column headers are disappear. You could see the frozen column headers when you set allowRowDragAndDrop property to false.

  • Screenshots, code snippets, and stack traces, if applicable.

    1. Column headers misaligned when allowRowDragAndDrop is true.png

    2. Frozen column headers seem normal when allowRowDragAndDrop is false.png

  • Working sample if possible, which will help us provide a solution sooner.
    I have already provided it in "Reproducing steps" section.