2013-03-03 5 views
1

다트 webui 및 <template> 항목의 제한 사항을 이해합니다.다트 webui의 TBODY 템플릿

즉 하나는 thusly 히 테이블에 대한 템플릿을 사용하려면이 제한을 해결 얻을 수 있습니다 : 그러나

<table> 
    <tbody iterate="row in rows"> 
    <tr iterate="cell in row"> 
    <td> {{cell}} </td> 
    </tr> 
    </tbody> 
</table> 

합니다. 테이블이 하여 여러개의 TBODY 섹션을해야 할 때 어떻게 템플릿을 사용하도록되어 (예를 들어 : http://jsfiddle.net/umRJr/)

즉 :

<table> 
    <thead><tr><td>title</td></tr></thead> 
    <template iterate="section in sections"> <!-- can't do this... :-(--> 
    <tbody iterate="row in section"> 
     <tr iterate="cell in row"> 
     <td> {{cell}} </td> 
     </tr> 
    </tbody> 
    </template> 
</table> 

우리가 원하는 때문에

<table> 
    <thead> ... some headers here </thead> 
    <tbody> .. content1 .. </tbody> 
    <tbody> .. content2 .. </tbody> 
    ... 
    <tbody> .. content N .. </tbody> 
</table> 

같은?

+0

을 참조하십시오. 불행히도, 나는 그렇게 생각하지 않습니다. 가장 좋은 방법은 CSS 클래스를 사용하여 시각적 이미지를 얻고 모든 것을 하나의 tbody로 유지하는 것입니다. –

+0

좋은 질문입니다. 여기에 버그를 열었습니다. https://github.com/dart-lang/web-ui/issues/379 –

+0

좋은 소식은 해결 될 것입니다. 세부 정보가 제공되지만 https://github.com/dart-lang/html5lib/issues/46을 확인하십시오. –

답변