TDの幅を動的に拡張する

css html html-table wrapping
TDの幅を動的に拡張する

次の「TD」の幅に基づいて、テーブル内の「TD」の幅を拡張する方法はありますか?

「asp:Panel」は、コードビハインドの何らかの条件に基づいて非表示または表示されます。

私はこれを修正するのに役立つCSSのものだと思っていますが、それに指を置くことはできません。 助けて!

HTMLマークアップは次のとおりです。

  This is some long text needs to be dynamically wrapped...............................................................

これは、コードビハインドの条件に基づいて非表示になります

  2  0


ベストアンサー

試行する1つのことは、他のTDに基づいて拡張/縮小する必要があるTDの幅をオフのままにすることです。 幅がない場合、TDはデフォルトで使用可能なスペースを占有するため、行内の他のTDにすべて幅が指定されている場合、幅のないTDが残りのスペースを占有します。 そのようなTDが2つある場合、スペースはそれらの間に分散されます。

1


jQueryを使用すると、2つの列の上部のtdにidを適用してから、次のようなことができます。

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

これにより、id bのtdが200より大きい場合、id tdaのtdの幅が10に設定されます。それ以外の場合は、100に設定されます。

0


タイトルとURLをコピーしました