[Vuejs]-JsGrid is not loading in Vue application with static data

by

0👍

✅

It seems my "processingComplete" function needed to complete first. If you look at the html you will see that "symbol-container" is only created if:

<div v-if="symbols.length !== 0">

Inside "processingComplete" I was setting symbols to a list so I assumed I was good to use symbol-container. Seems Vue needed to process the v-if again before the div was available. I hope I’m explaining this ok.

My temporary solution was to throw the jsGrid code into a setTimeout(function() {}, 1000); This got it to display which answered the ‘why’ I was having so much trouble. In the end though I decided to NOT use jsGrid at all. I only needed the sorting for 3 columns and I hand rolled it pretty quickly.

Thanks to Bravo for pointing me in the right direction.

Leave a comment