table中tr无法使用slideDown等效果
在一次demo时,我使用了table来装填评论,为了完成评论实现卷入卷出功能,我使用了jquery中的slide来实现过渡效果。
但在设置jquery效果slide等,发现tr的显示与隐藏是瞬间完成,没有达到设置的效果,经过不断尝试与发掘,发现了解决办法
解决:想要达到在table中tr有slide效果,不能直接给tr设置slide,会改变表格结构,我们可以给tr内添加一个div盒子来包含内容,给div盒子设置效果,这样就可以达到实现slide效果了
table中无法直接给行设置边框
在table中的行无法直接设置边框,tr中一般是用来放td的,td单元格能直接设置边框,想要tr设置边框,就需要合并td的边框,使td的边框折叠
解决:border-collapse 属性可以用来设置表格的边框是否被合并为一个单一的边框,还是像在标准的 HTML 中那样分开显示。
border-collapse有三个值,要想td边框合并,需要使用collapse这个值。
collapse:边框会合并为一个单一的边框,可以达到td边框合并,呈现一行的效果。
separate:默认值。边框会被分开。
inherit:规定应该从父元素继承 border-collapse 属性的值
以上就是我在table标签使用过程中遇到的问题一级解决办法