使用table过程中遇到的一些问题

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 属性的值

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容