Дело в том, что с таблицами некоторые эффекты не работают. Строки можно убирать добавлять, скрывать, но анимация не вся работает.
Если нужны именно таблицы есть костыль. Скрывать Div внутри которого одна строка таблицы.
<div id="..."><table> тут одна строка таблицы </table></div>
но в этом случае ширина строк должна быть жестко задана, что не очень удобно.
второй вариант это Div-ы. Сделать разметку на них, немного увеличивает CSS, если не используются библиотеки типа Bootstrap и им подобные ( в них уже есть такая разметка, можно позаимствовать)