http://www.aichengxu.com/other/9262680.htm
今天在做項目的時候發現用javascript控制 tr 的顯示隱藏時,當把tr的顯示由“display:none”改為“display:block”時,該tr下的td內容合並到了第一個td里,
將原有數據刪除后只填寫一個<td>111</td>時也會出現這種情況,猜測不是td中代碼的問題。
若在tr上直接寫上樣式:display:block時會發現布局正常,colspan起了作用,但是只要一使用js控制時就會出現合並問題,因此猜測是js導致合並問題的出現,
也就是說,原先在td中設置的colspan屬性無效了。
由於display屬性設置為空時,默認為顯示,將“display:block”改為“display:''” 即可。
搜索網上資料時發現設置為
display:;
時不起作用,改為“display:table-row ” 好用。
如果將display屬性設置為空時,應寫成如下形式:
display:'';
display:"";
同樣可以解決問題。