Transition group in q-table

[vijay]

Hi, I am trying to apply animations/transitions in the q-table using the transition-group. It’s not working as expected. While adding a new row to the table, animation should be applied.
Can someone let me know what I am missing here?

<transition-group appear enter-active-class="animated fadeIn">
                <q-table
                  class="q-mt-md"
                  :dense="$q.screen.lt.md"
                  title="Test"
                  :data="data"
                  :columns="columns"
                  hide-bottom
                  :pagination="pagination"
                  row-key="index"
                  key="index"
                >
</transition-group>

I have enabled this in quasar.config.js too. { animations: ‘all’ }

CDN Example