콧수염과 Icanhazjs 동적 HTML 테이블에 문제가

Question

Icanhazjs (콧수염)를 사용하여 테이블 동적 테이블을 만들려고합니다. 테이블 데이터는 항상 테이블 태그 외부에서 렌더링되므로 내 데이터를 테이블에 배치하지 않습니다. 자바 스크립트

<script id="display_row" type="text/html"> 
    <tr> 
     <td>{{data1}}</td> 
     <td>{{data2}}</td> 
     <td>{{data3}}</td> 
    </tr> 
</script> 

<h1>Icanhazjs & Mustache Table Test</h1> 
<table border="1"> 
    <thead> 
     <tr> 
      <th>Header 1</th> 
      <th>Header 2</th> 
      <th>Header 3</th> 
     </tr> 
    </thead> 
    <tbody> 
     <div id="table_list"></div> 
    </tbody> 
</table> 

그리고 여기에 있습니다 : : 데이터가없는 이유

이

$(document).ready(function() { 
    var user_data, user; 

    user_data = [ 
     { 
      data1: "foo1", 
      data2: "foo2", 
      data3: "foo3" 
     }, 
     { 
      data1: "foo4", 
      data2: "foo5", 
      data3: "foo6" 
     } 
    ]; 

    for (i=0; i<user_data.length; i++) { 
     user = ich.display_row(user_data[i]); 
     $('#table_list').append(user); 
    } 
}); 

아무도 설명 할 수

당신은 내 JSfiddle에서 출력을 볼 수 있습니다

는 Here 여기

내 HTML입니다 html 테이블 내에서 <div id="table_list"></div> 포인트로 렌더링됩니다. icanhazjs는 작동하지만 그냥 내 테이블 앞에 렌더링 된 HTML을 넣어. 대신

<tbody> 
    <div id="table_list"></div> 
</tbody> 

의

Answer 1

이 시도 :

<tbody id="table_list"> 
</tbody> 

JSFiddle을 :

http://jsfiddle.net/sapy7/1/