0

I'm having trouble with the following code. I'm trying to remove a specific row from a table using jQuery, but I'd like to use the slideUp effect so the row slides up and then removes itself. I've tried the following, but it does not seem to respect the effect. It just removes itself.

$('[data-company-id='+companyId+']').closest('tr').slideUp('fast', function() { $(this).remove(); });

My table row contains a button in one of the cells with a data-company-id attribute. This does work in getting the right cell, and corresponding parent and remove it. But it does not slide Up before the remove.

What am I doing wrong?

Phil
  • 4,029
  • 9
  • 62
  • 107
  • 1
    Animations are not supported on table rows, from here: http://stackoverflow.com/questions/467336/how-to-use-slidedown-or-show-function-on-a-table-row I tested it myself just to make sure. If you do not wish to wrap the td in a div I suggest you play around with a grid frameworks such as bootstrap or foundation and use its columns to create a table effect, these will accept the animations you wish to use (and it looks a little cleaner). – Yates Jul 13 '16 at 15:03
  • @ThomasYates thank you. I saw that too, but I was hoping there may be some work around. I'll look into Bootstrap. – Phil Jul 13 '16 at 15:09
  • @ThomasYates - if you can add your comment as answer I will mark as correct. Thank you! – Phil Jul 14 '16 at 14:06

1 Answers1

2

Animations are not supported on table rows, from here: How to Use slideDown (or show) function on a table row?

I tested it myself just to make sure. If you do not wish to wrap the td in a div I suggest you play around with a grid frameworks such as bootstrap or foundation and use its columns to create a table effect, these will accept the animations you wish to use (and it looks a little cleaner).

(Posted as an answer upon OP's request, originally in the comments because SO automatically moved it there :P).

Community
  • 1
  • 1
Yates
  • 532
  • 7
  • 23