1. Feedback
  2. Vue
  3. 38160

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!

2
Votes

In Vue3, Stacked Headers and Frozen Columns make page loading time jumps from 6s (seconds) to 33s or more

  • Details about the bug.
    When we use Vue3, stacked headers and frozen columns make the page loading time jumps to 33s or more. Without those 2 features, the page loading time only around 6s-7s.     The bug should happens whatever the OS is. But in this ticket, I use MacOS for demo purpose
  • Reproducing steps.
    1. Download https://drive.google.com/file/d/1qCrzxl4waWFV3THVbL8nVKMx0bfelP0t/view?usp=sharing
    , 
    extract it, open the syncfusion-sample folder in a terminal, run `yarn` command, run `quasar dev`, then it will open a tab in browser: http://localhost:8081/#/
    2. Observe the loading time using Chrome's DevTools -> Performance Insights tab. It will take more than 33s (screenshot here). Caused by functions like Grid2.UpdateColumModel and Grid2.getFrozenCount.

  • Screenshots, code snippets, and stack traces, if applicable.
    Please see the "Reproducing steps" section. Also please watch this demo video where I show the bug in action.
  • Working sample if possible, which will help us provide a solution sooner.
    I have already provided it in "Reproducing steps" section. For additional info, the sample contains a git repo. The currently selected branch is `stacked-header-and-frozen-columns-bug` branch