Table控件通过设置display属性控制显示隐藏发现下面的tbody不能自动table的整个宽度,会有一些宽度留余;
原因:
通过给Table控件的设置display的block属性后,table就获取不到完整的宽度了.
所以这个原因就是block属性导致.
解决思路:
要使 tbody 宽度正常,必须设置 display:table.
或者通过给给 table 包裹一层 div,然后设置该 div 的display 属性为 block 或 none的变通,这样 JavaScript 控制表格的显示隐藏时不直接调协此 table 的 display 属性。
更推荐使用不用包裹div的方法,毕竟要改代码,其实我们要显示的时候,可以通过设置table的display:""属性也是可以动态控制显示的,即避免了使用block属性,如下: