用JS控制表格隐藏显示后变形
原本的样子

隐藏后的样子

再显示的样子

通过职务那个ddl来控制隐藏显示的js

 function setdisplay(n,m) {

            var classElements = [];

            var allElements = document.getElementsByTagName("tr");

            for (var i = 0; i < allElements.length; i++) {

                if (allElements[i].className == n) {

                    allElements[i].style.display = m;

                }

            }

            return classElements;

        }

        function workchange() {

            var oWork = document.getElementById('<%=ddlWork.ClientID %>');

            if (oWork.value == '学生') {

                setdisplay('studenttr', 'block');

            }

            else {

                setdisplay('studenttr', 'none');

            }

        }

如何解决呢
------解决方案--------------------
使用display = block 就变成块级元素了，以前也遇到过这样来设置会改变格局：
下面两种是我在项目中用到的解决方法:
1.设置显示属性
display:inline
2.移除属性
removeAttr("display");
------解决方案--------------------
直接用.show()和.hide()来控制显示和隐藏
------解决方案--------------------

引用:

直接用.show()和.hide()来控制显示和隐藏

可以试试！
------解决方案--------------------

引用:

直接用.show()和.hide()来控制显示和隐藏

用Class标记tr 然后取到对象用.show()和.hide()来控制显示和隐藏
这是Jquery