I have a Bootstrap Collapse component in a table, everything works perfectly, but the component 'jumps' when I expand/collapse it, which randomly changed the width of table. Please see JSFiddle below for detail.

I've read other posts on Stackoverflow and I've already set margin:0; padding:0;, but still not working, does anyone have ideas what I missed?

Here's the JSFiddle: https://jsfiddle.net/edward0524/uewvc5oq/3/

CodePudding user response：

Define width to your column, add width:100% to < th >.