用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');
            }
        }

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

引用:

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

可以试试！
[解决办法]

引用:

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

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