在Asp.Net中从TreeViewNode中删除节点缩进

Question

我的Asp.net页面上确实有一个asp:TreeView控件，当我呈现它时，会出现一个空的缩进区域，它会将节点推到右边，这实际上是在搞乱设计，如下图所示。那么有没有什么方法可以移除缩进completely.Because呢?它会毁了我的页面设计。

谢谢..

附言:为了向你展示这个问题，我使用了firebug，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

我意识到这已经晚了三年，但这是最简单的解决方案，不像以前的解决方案那样依赖于jQuery或CSS3。图像在"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 3

实际上，解决这个问题的另一种方法是：

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