Удалить узел отступа от TreeViewNode в Asp.Net

Question

У меня есть элемент управления asp: TreeView на моей странице Asp.net, и когда я его рендеринг, появляется пустая область отступа, которая перемещает узлы в правую сторону, что фактически портит дизайн, как показано на рисунке ниже. Так есть ли способ полностью удалить этот отступ. Потому что он разрушает мой дизайн страницы.

Спасибо ..

P.s: чтобы показать вам проблему, я использовал firebug расширение для firefox.

Изображение: альтернативный текст http://www.pixelshack.us/images/sfpp0pa4jjq6t3tbifd.jpg

Answer 1

Я понимаю, что это на три года позже, но вот самое простое решение, без зависимости от jQuery или CSS 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 2

Хорошо, на самом деле в этот момент JQuery помог мне найти быстрое решение.

Вот что я сделал:

 <script type="text/javascript">

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

Это самый простой способ решить эту проблему для меня. Благодаря мощным селекторам JQuery.

Answer 3

Css fix.

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

Исправление jquery ожидает загрузки страницы и заставляет меню мигать. Css исправить лучше.

Answer 4

И на самом деле другой способ решения этой проблемы заключается в следующем:

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