Forum | Appery.io

hi maryna

I wanted do something similar ie apply a class to a particular row of the grid.

So i have many grid rows and I want to add an animation effect to the row
that's been clicked ... here's the code ...

Appery("booking_grid").addClass("animated bounceOutLeft") ;

This of course bounces all the rows. I wanted to bounce only the row which
is clicked.

Hi Shawn,

You code should be based on the element that's you clicked on.

So try this:

pre

//Note you should replace "booking_grid" with your table component name.
var currentTable = jQuery(this).closest('[name="booking_grid"]');

//Apply class to the current table.
currentTable.addClass("animated bounceOutLeft");

/pre

Regards.

hi yurii

that worked perfectly thanks !

rgds
shawn

Hi, similar topic and stuck.

I am mapping from storage to a label within a grid cell. I'd like to click on the grid cell which will map something different from storage and grid cell background change color.

thanks in advance, ante