Can we add transitions/animations to the table (transition, transition-group)?

[danigonlinea]

Issue Type

• [x] Question

Specs

What version are you using? 2.21.9

Is vue-good-table compatible with transition-group to add transitions to the table? thanks in advance

[yogithesymbian]

did you already solve now ?

<tbody name="fade" is="transition-group">
    <tr class="row" v-bind:key="item.data" v-if="item.more">
      <td><p >{{k + 1}} - {{item.data}}</p></td>
     </tr>
</tbody>

how to put name in tbody , anyone can help ?

tried using refs but its undefined, i only have access the scss scoped

tbody {
              //tr.custom-transition { want to faded
               // max-height: 100px;
               // padding: 10px 10px;
               // transition: max-height 0.6s, padding 0.6s;
              //}
              th {
                border: $color-yo-border !important;
              } /* left checkbox */
              td {
                border: $color-yo-border !important;
              } /* right checkbox */
            }

rowStyleClassFn() {
      return (row) => {
        console.log(row)
        return 'custom-transition'
      }
    },