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