问题解决---table隐藏时布局被改变的解决方法

转自原文：https://blog.csdn.net/sun_joey/article/details/79115669

在开发中，有时会有这样的需求，点击元素时显示某个table，一般这个时候我们第一时间想到的就是直接给table设置display为inline，但很抱歉，这样做table虽然显示了，但有很多问题，table里的元素布局出问题了。如：tr元素无法填满整个table（即tr的宽度小于table了），why？因为table的默认display为table，我们把display修改为inline，改变了其布局方式。

正确做法是

（1）把display设置为默认参数table；

（2）在table外层增加一个div，初始化时设置div的display为none，点击元素时div的display设置为inline。