Table控件通过设置display属性控制显示隐藏发现下面的tbody不能自动table的整个宽度

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属性,如下:

Table控件通过设置display属性控制显示隐藏发现下面的tbody不能自动table的整个宽度_第1张图片

你可能感兴趣的:(项目实战笔记)