javascript - jQuery table row expandcollapse

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?

See example build »

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?

See example build »

Share Improve this question edited Nov 23, 2017 at 19:25 Brian Tompsett - 汤莱恩 5,89372 gold badges61 silver badges133 bronze badges asked May 25, 2011 at 3:55 calebo 3,44210 gold badges48 silver badges69 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 4

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.

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - jQuery table row expandcollapse - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)