2013-02-20 4 views
0

html 테이블을 표시하기 위해 Jquery 플러그인 treeTable을 사용하고 있습니다. http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/ 내 코드는 다음과 같습니다 :Jquery plugin treeTable : 올바르게 표시되지 않습니다.

<html> 
<head> 
<link href="treeTable/src/stylesheets/jquery.treeTable.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="treeTable/src/javascripts/jquery.treeTable.js"></script> 

<script type="text/javascript" src="treeTable/doc/javascripts/jquery.js"></script> 
<script type="text/javascript" src="treeTable/doc/javascripts/jquery.ui.js"></script> 

<script> 

    $(document).ready(function() { 
    $('.type_struct_class').treeTable({ 
     initialState: 'collapsed' 
     }); 
    $('table#type_struct tbody tr').mousedown(function() { 
     $('tr.selected').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
    $(\"table#type_struct tbody tr span\").mousedown(function() { 
     $($(this).parents(\"tr\")[0]).trigger(\"mousedown\"); 
    }); 





}); 
</script> 
</head> 
<body> 

<table class='type_struct_class' id='type_struct'> 
    <tr id="node-1"> 
    <td>Parent</td><td>100</td><td>1000</td> 
    </tr> 
    <tr id="node-2" class="child-of-node-1"> 
    <td>Child</td><td>200</td><td>2000</td> 
    </tr> 
    <tr id="node-3" class="child-of-node-2"> 
    <td>Child</td><td>300</td><td>3000</td> 
    </tr> 
</table> 

</body> 
</html> 

나는 테이블이 아동과 부모 노드 등과 같은 형식이 표시되지 않습니다. 그것은 내 크롬 브라우저에서 정상적인 테이블로 나타납니다. 아무도 내가 잘못한 곳에서 도울 수 있습니까?

답변

0

이 밖으로 시도 : - http://jsfiddle.net/adiioo7/6mtnL/

$(document).ready(function() { 
    $('.type_struct_class').treeTable({ 
     initialState: 'expanded' 
    }); 
    $('table#type_struct tbody tr').mousedown(function() { 
     $('tr.selected').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
    $("table#type_struct tbody tr span").mousedown(function() { 
     $($(this).parents("tr")[0]).trigger("mousedown"); 
    }); 
}); 
+0

네, 그렇게하고 싶습니다. 그러나 내 브라우저에서도 마찬가지입니다. 왜 그렇게 제안 할 수 있니? 거기에 무슨 문제가 있습니까? –

+0

브라우저 이름 및 버전 ?? –

+0

Google 크롬 버전 24.0.1312.57 –

1

나는 어려운 jQuery를 나무 테이블과 골드 피처 제품의 통합을 발견하고 스크립트의 호환 복제를 썼다. 그것은 동적으로 테이블을 생성하는 데 도움이되는 몇 가지 도우미 기능을 가지고 있습니다. 시도해 볼 수 있습니다. http://culmat.github.io/jsTreeTable/

관련 문제