2010-01-13 63 views
2

是否有擴大的表TD的基礎上,未來TD的寬度,寬度的方法是什麼?動態擴展一個TD的寬度

asp:Panel將被隱藏或顯示基於在後面的代碼中的一些條件。

我想這是一些CSS的事情,這將有助於我解決這個問題,但不能把一個手指就可以了。幫幫我!

這裏的HTML標記:

回答

1

有一件事要嘗試將TD的寬度關閉需要擴大/縮小的基礎上OT她的運輸署。如果沒有寬度,TD將默認佔用任何可用空間,因此如果行中的其他TD都指定了寬度,則沒有寬度的TD將佔用剩餘的空間。如果有2個這樣的TD,空間將在它們之間分配。

+0

哇!我不確定我是如何錯過玩這個選項的。非常感謝!! – Vivek 2010-01-13 16:56:49

+0

如果你對桌子上的元素和樣式沒有很強的控制/理解,它偶爾會給出一些有趣的結果,但除此之外,它是擴展內容的一種不錯的,乾淨的方式。 – cdeszaq 2010-01-13 17:04:09

0

使用jQuery,你可以申請一個ID頂端TD在兩列,然後做一些事情,如:

$('#tda').width(($('#tdb').width() > 200) ? 10 : 100) 

此設置的寬度td與id tda到10如果td與id b大於200否則它將它設置爲100.

+0

是的,這可能是這樣做的最好方法。你可能想檢查寬度,然後向它添加一個類(你應該使用類,因爲你可能有多個類),然後在你的CSS中定義寬度規則。這樣,這個過程是完全動態的,而不是手動將類添加到需要它們的td。 – Chad 2010-01-13 16:42:22

+0

嘿。會不會有一個基於CSS/Javascript的答案。我沒有在這個應用程序上使用jQuery,不幸的是,它需要通過很多繁文to節才能獲得。 – Vivek 2010-01-13 16:43:20

+0

jQuery只是javascript。如果你走的路線不包括jQuery腳本,那麼你將不得不處理瀏覽器兼容性等。我相信這是可能的,但寫一些沒有jQuery的工作可能不是一個線程... – grenade 2010-01-13 16:56:31