table中tr無法使用slideDown等效果
在一次demo時(shí)扛芽,為了完成評(píng)論功能,我使用了table來裝填評(píng)論,但在設(shè)置jquery效果馁菜,slide等,發(fā)現(xiàn)tr的顯示與隱藏是瞬間完成铃岔,沒有達(dá)到設(shè)置的效果汪疮,經(jīng)過不斷嘗試與發(fā)掘,發(fā)現(xiàn)了解決辦法
解決:想要達(dá)到在table中tr有slide效果毁习,不能直接給tr設(shè)置slide智嚷,會(huì)改變表格結(jié)構(gòu),我們可以給tr內(nèi)添加一個(gè)盒子纺且,給盒子設(shè)置效果盏道,這樣就可以達(dá)到實(shí)現(xiàn)slide效果了
table中無法直接給行設(shè)置邊框
在table中的行無法直接設(shè)置邊框,tr中一般是用來放td的载碌,td單元格能直接設(shè)置邊框猜嘱,想要tr設(shè)置邊框衅枫,就需要合并td的邊框,使td的邊框折疊
解決:border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框朗伶,還是像在標(biāo)準(zhǔn)的 HTML 中那樣分開顯示弦撩。border-collapse有三個(gè)值,要想td邊框合并论皆,需要使用collapse這個(gè)值益楼。
collapse:如果可能,邊框會(huì)合并為一個(gè)單一的邊框纯丸。
separate:默認(rèn)值偏形。邊框會(huì)被分開。
inherit:規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值