I’ve got a table and it has rows that are collapsible when clicked on the table heading.
Problem is it doesn’t seem to be very smooth, there’s a lag and jump once I click on the header and when the content shows. Does anyone know how to fix this?
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Unfortunately, table rows does not animate (with jquery) – see this related question on SO: How to Use slideDown (or show) function on a table row?
Work-around will be to use div based layout or try out wrapping td content into divs and animating those divs – see this fiddle. Of course, you have to adjust the css.