jquery - 表格单元格未正确跨越

标签 jquery html-table row show-hide

我遇到了表格单元格未正确跨越的问题。我正在使用 jQuery 显示/隐藏包含表单的表的一行,但是,当我切换它的显示时,它无法正常工作。

你可以在这里明白我的意思 - http://development.dekken.co.uk/bni/training/

如果单击“确认”,则会切换表单。但是,正如您将看到的,它既使其他行的布局错位,又没有按应有的方式填充该行。

<小时/>

更新 看来该问题并未出现在 IE 中,仅出现在 Safari 和 Firefox 中

最佳答案

您用于 CSS 属性“display”的某些值似乎导致了一些布局问题。从技术上讲,在处理行和单元格时,“block”并不是“display”的合适值 - 它将元素的渲染模式更改为不基于表格的模式,而不仅仅是使其出现;更好的值是“table-row”和“table-cell”。

关于jquery - 表格单元格未正确跨越,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1221313/

相关文章:

javascript - 用 Javascript 替换 CSS 类?

javascript - 如何在javascript中通过参数更改属性名称

html - IE8表格td边框

flutter - 如何在Flutter中在运行时将项目添加到Row对象?

jquery - 选择器 : Be specific on right-hand side?

html表格根据值设置一些单元格文本颜色

javascript - 在列上添加底行以求和整列的值

java - 使用 Apache POI HSSF 从 Excel 工作表中删除一行

php - 连接数据库中的相同数组(数字)

javascript - 在单击按钮时调整 div 的大小,这应该使用 AJAX 完成吗?