Transition group in q-table



  • 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


Log in to reply