谷歌瀏覽器、火狐瀏覽器中table標籤顯示時display兼容性問題(已解決)

項目中經常用table顯示信息,然後有時需要聯動,控制一些<tr></tr>行不顯示:

最直接的方法是將tr行設置成服務端控件,然後在後端直接通過“trTest.Visible = false;”設置,這樣設置會有一定的侷限性,最終生成的html中不會有相應的元素;

還可以通過直接在頁面中相應tr標籤的style樣式中設置“display:none”實現;

如果後端需要有一定的邏輯判斷,決定哪些行不顯示,可以在後端通過“trTest.Style.Add("display", "none");”實現;

本文要說的重點是有時設置了不顯示之後,還需要設置顯示,看之前同事寫的代碼是“trTest.Style.Add("display", "block");”,測試發現在IE瀏覽器下顯示是正常的,但在谷歌和火狐瀏覽器下顯示位置錯亂。

其實不給tr標籤display樣式時,默認就是顯示的

所以如果想在後端再設置tr行顯示,可以通過“trTest.Style.Add("display", "");”實現,或通過trTest.Style.Remove("display");實現。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章