jQuery TreeTable 루트 노드 확장기 이미지가 IE6에 숨겨져 있습니다. 이유가 무엇입니까?

IE6에서 테이블의 루트 노드에 대한 확장 프로그램 그래픽이 나타나지 않습니다. 루트 노드 텍스트 다음에 올바른 위치에 마우스를 놓으면 실제로 확장기를 클릭 할 수 있습니다.jQuery TreeTable 루트 노드 확장기 이미지가 IE6에 숨겨져 있습니다. 이유가 무엇입니까?

확장자는 모든 하위 노드에 표시됩니다.

이상한 점은 TreeView site의 예가 IE6의 루트 확장기 이미지를 보여주는 것입니다. 나는 예제 코드와 나의 차이점을 볼 수 없다. 문제의 요소에 대한 CSS의 측면 비교를 수행했으며 나에게 어떤 것도 튀어 나오지 않았습니다.

플러그인과 함께 제공된 스타일 시트보다 특별한 스타일링이 없습니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#tree").treeTable(); 
    }); 
</script>

- 이미지의 공간이 될 수 있기 때문에 첫 번째 부모 이미지가 표시되지 않습니다

내가 너무이 문제에 달려 있기 때문에 그냥 참조

<body> 
    <table id="tree"> 
     <tr id="node-1"> 
     <td>Parent</td> 
     </tr> 
     <tr id="node-2" class="child-of-node-1"> 
     <td>Child</td> 
     </tr> 
     <tr id="node-3" class="child-of-node-2"> 
     <td>Child</td> 
     </tr> 
    </table> 
</body>

출처

2009-11-18 Carter

은 ...입니다 너무 작아서 treetable.css와 treetable.js를 수정해야합니다.

cell.prepend('<span style="margin-left: -' + options.indent + 'px; padding-left: ' + options.indent + 'px" class="expander"></span>'); 하려면 : jquery.treeTable.js에서

, 라인 변경 (마지막 두 줄을 추가

cell.prepend('<span class="expander"></span>');

그리고 jquery.treeTable.css에서을 여백 - 왼쪽 padding- 왼쪽)은 ".treeTable 그럴 TD의 .expander"

이

.treeTable tr td .expander { 
background-position: left center; 
background-repeat: no-repeat; 
cursor: pointer; 
padding: 0; 
zoom: 1; /* IE7 Hack */  
margin-left: -3px; 
padding-left: 15px;}

°°°°°°°°°°°°°°°°°°°°°°°°° 내가 수정하지 않았다 코드, 위의 팁은에서 가져온 것입니다 : http://javathoughts.capesugarbird.com/2009/03/jquery-tree-table-for-wicket.html

-VicSan.

출처

2010-10-07 01:11:49 VicSan

TreeTable 소스 코드를 수정하지 않기를 바랍지 만 VicSan 솔루션에 동의합니다. 따라서 새로운 코드 내에서 변경 사항을 다시 작성할 필요없이 향후 버전으로 업그레이드 할 수 있습니다. 그래서 단순히 먼저 나무 테이블 (루트)의 첫 번째 행의 셀의 스타일 속성에 padding-left를 추가 에 당신을 제안 :

<body> <table id="tree"> <tr id="node-1"> <td style="padding-left: 19px">Parent</td> </tr> <tr id="node-2" class="child-of-node-1"> <td>Child</td> </tr> <tr id="node-3" class="child-of-node-2"> <td>Child</td> </tr> </table> </body>

이 기본이기 때문에 내가 19px를 넣어하지만, indent 옵션에서 다른 값을 지정한 경우 (.treeTable(...)과 함께 트리 테이블을 만들 때) 그 값을 입력하십시오.

출처

2011-01-26 10:30:08 bluish

jQuery TreeTable 루트 노드 확장기 이미지가 IE6에 숨겨져 있습니다. 이유가 무엇입니까?

답변

관련 문제