2013-04-09 31 views
0

代碼的TDS之間的空間片段:隱藏一個TD和摺疊等TD行,不顯示(自動合併)

<TD><center> 
<asp:ImageButton id=imgManagOrd Runat="server" ImageUrl="images/ManageOrders.jpg"></asp:ImageButton></center></TD> 
<TD><center> 
<asp:ImageButton id=imgStockOrder Runat="server" ImageUrl="images/stockorder.jpg"> </asp:ImageButton></center></TD> 
<TD><center> 
<asp:ImageButton id=imgAdmin Runat="server" ImageUrl="images/admin.jpg"> </asp:ImageButton></center></TD> 
<TD><center> 
<asp:ImageButton id=imgContact Runat="server" ImageUrl="images/contact.jpg"> </asp:ImageButton></center></TD> 

我從代碼隱藏取決於許可隱藏特定TD,我還沒有指定這些tds的寬度分別爲。

因此,最終tds之間有奇怪的空間。 請找到圖片: 所有TD: All tds

很少Td的隱患: few td hidden

請告訴我該如何調整導致TDS連續不顯示之間的空間。

+0

不知何故,我不能看到你的圖片,可能是其他人以及。所以請嘗試將自己的圖片放在這裏(是的,你可以在你的問題中粘貼圖片)。另外,請嘗試添加一個類'.hide {display:none;}'。從代碼隱藏到你的td來隱藏它們。 – 2013-04-09 07:41:06

+0

thanx Manish。我又上傳了圖片 – Maybe2013 2013-04-09 07:51:06

+0

那麼你如何從代碼隱藏中隱藏你的tds?只是oneliner動作代碼會做 – 2013-04-09 07:54:13

回答

2

你有這樣的標記:

<tr> 
<td><imagebutton id="img1">..</imagebutton></td> 
<td><imagebutton id="img2">..</imagebutton></td> 
<td><imagebutton id="img3">..</imagebutton></td> 
<td><imagebutton id="img4">..</imagebutton></td> 
<tr> 

並且隱藏imagebuttons從代碼隱藏之一。即

img2.Visible=false 

因此產生了一個類似這樣的標記:(說你隱藏的第二個ImageButton的)

這只是意味着,對TD持ImageButton的永遠不會被刪除,它已經在那裏,因此,空間。

你應該隱藏,而不是躲在imagebuttons

所以給ID你TDS和RUNAT = 「server」 屬性的TD。並從代碼隱藏中抓取它們並設置它們的visible = false;

或做到這一點:

td1.Attributes.Add("class","hide"); //where td1 is the id of a td 

其中.hide是一個CSS類在樣式表或設計師是這樣的:

.hide 
{ 
    display:none; 
} 
+0

Thanx,但我也試過。它仍然顯示奇數空間 – Maybe2013 2013-04-09 08:07:28

+0

嘗試添加css類到您的tds以隱藏代碼隱藏而不是可見:false – 2013-04-09 08:13:58

+0

如果問題仍然存在,那就意味着,您的tr和td具有固定寬度,因此,當您刪除一些tds,其他tds調整以平等分享空間,但他們不擴大自己以填補空間。嘗試給你的tds百分比寬度 – 2013-04-09 08:17:52