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:"";

同樣可以解決問題。

轉載于:https://www.cnblogs.com/loveamyforever/p/6837271.html

總結

以上是生活随笔為你收集整理的tr的display属性出现td的colspan无效问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。