HTML/CSS/Tables 显示/隐藏时边框变形
HTML/CSS/Tables border are deformed when show / hide
我很难解释我的问题,但我会尝试,
说明
我正在用 angularjs 和 jquery 制作一个动态网站;然后我有一个多维数组更大,加载大约 100 条记录,我使用 table 显示它;每条记录都有一个隐藏的信息和按钮(用于启动 hidden/show 功能),当用户点击按钮时应该显示此信息,一切正常,问题是当我显示隐藏行时,下面的列变形使用 google chrome 但是如果我使用 Firefox 一切正常,我还注意到当我使用 google 和 mark/unmark 的开发者工具时任何背景视图都得到了纠正,所以我认为这是浏览器错误,没有按应有的方式刷新视图。
图片
这是普通视图中的列表
此处显示 1 个隐藏行
代码
我认为代码的位置无关紧要,因为我尝试删除 AngularJS 并仅使用 jquery
尽管如此,我还是准备了一个示例作为我的应用程序的工作 HERE IS THE PLNKR
希望你能帮帮我
我解决了我的问题,我检查了第一列的背景颜色始终保持固定,所以我认为是位置问题,看这个class的属性(列1),我看到除了有很多属性 top bottom
,还有选项!important
出现了position: relative
禁用所有这些选项我修复错误
我很难解释我的问题,但我会尝试,
说明
我正在用 angularjs 和 jquery 制作一个动态网站;然后我有一个多维数组更大,加载大约 100 条记录,我使用 table 显示它;每条记录都有一个隐藏的信息和按钮(用于启动 hidden/show 功能),当用户点击按钮时应该显示此信息,一切正常,问题是当我显示隐藏行时,下面的列变形使用 google chrome 但是如果我使用 Firefox 一切正常,我还注意到当我使用 google 和 mark/unmark 的开发者工具时任何背景视图都得到了纠正,所以我认为这是浏览器错误,没有按应有的方式刷新视图。
图片
这是普通视图中的列表
此处显示 1 个隐藏行
代码
我认为代码的位置无关紧要,因为我尝试删除 AngularJS 并仅使用 jquery
尽管如此,我还是准备了一个示例作为我的应用程序的工作
HERE IS THE PLNKR
希望你能帮帮我
我解决了我的问题,我检查了第一列的背景颜色始终保持固定,所以我认为是位置问题,看这个class的属性(列1),我看到除了有很多属性 top bottom
,还有选项!important
position: relative
禁用所有这些选项我修复错误