Asp.NetのTreeViewNodeからノードのインデントを削除する

Question

Asp：TreeViewコントロールをAsp.netページに配置してレンダリングすると、ノードを右手側にプッシュする空白のインデント領域が表示されます下の図のようなデザインです。それで、インデントを完全に削除する方法はありますか。私のページデザインが壊れてしまうからです。

おかげ..

P.sは：あなたは、私は放火犯にFirefox用拡張機能を使用し、問題を表示します。

画像： alt text http://www.pixelshack.us/images/sfpp0pa4jjq6t3tbifd.jpg

Answer 1

わかりましたが、実際にこの時点でjQueryのは、迅速な解決策を見つけるために私を助けました。

私がやったこの：

<script type="text/javascript"> 

    $(document).ready(function() { 
     $(".TreeView tbody tr td:nth-child(1)").hide(); 
    }); 
</script> 

これは私に問題を解決する最も簡単な方法です。 JQueryの強力なセレクタに感謝します。

Answer 2

そして、実際にこの問題を解決するための他の方法があることである：私はこれが遅すぎる3年ですが、ここではjQueryのか、CSS 3のいずれかに対する依存性のない最も簡単な解決策であり、実現

.TreeView table tbody tr td:first-child { display:none; }

Answer 3

これまでのソリューションと同様です。イメージは "NoExpandImageUrl"プロパティで参照されます。このプロパティは、行の先頭よりも小さいspacer.gifに変更することができます。

<asp:TreeView ID="TreeView1" runat="server" 
DataSourceID="ds1" 
CssClass="LeftMenu" 
CollapseImageUrl="/images/leftNavBullet0.gif" 
ExpandImageUrl="/images/leftNavBullet.gif" 
NoExpandImageUrl="/images/spacer.gif" 
> 

それだけです！

Answer 4

Cssの修正。

.TreeView tbody tr td img{ 
    display:none; 
} 

jquery fixがロードされ、メニューがフラッシュされるのを待ちます。 CSSの修正が良いです。