테이블의 새로 고침 섹션이 내용을 변경하는 대신 내용을 추가합니다.

Question

필터링을 사용하여 테이블 내용을 업데이트하려고합니다. 데이터는 foreach 지시문을 사용하여 테이블을 표시하는 뷰에서 표시됩니다. 표를 표시하는 것만 의도 한대로 작동합니다.

그러나 필터링을 시작하면 table 외부에있는 span의 태그 (td 및 물건이 제거됨)없이 새 데이터가 추가됩니다. 왜 그렇게하는지 모르겠습니다.

내가 뭘 잘못했는지, 그리고 예상되는 결과를 얻을 수있는 방법을 알고 싶습니다.보기에 필터를 적용 할 때 테이블을 업데이트하십시오.

InstantAT 문제를 재현 :

<table> 
    ... 
    <tbody> 
     {section { id : "table_data", macro: "tableContent"} /} 
    </tbody> 
</table> 

: http://juliandescottes.github.io/instantat/#5194e132e4b051dece0c7924

Answer 1

문제는 내가 대신

이 tbody에서 나 자신을 포장의 버그 섹션 정의 섹션 유형이다 지정한해야했다 나는이 정의로 바꾸었다 :

<table> 
    ... 
    {section { id : "table_data", macro: "tableContent", type: "tbody"} /} 
</table> 

기본 컨테이너 인 span 대신 섹션을 tbody 자체에 연결합니다. span은 table의 유효한 어린이가 아니기 때문에 그 어린이는 그 밖에 두었습니다.

데모 : 스팬 단지 브라우저에 관련되는 테이블의 외부 렌더링 것을 http://juliandescottes.github.io/instantat/#51961bcde4b0988ed5cb6869

Answer 2

사실. 기본적으로 테이블 중간에 스팬을 배치 할 수 없으므로 브라우저는 표의 바깥으로 간단히 이동합니다. (물론 셀 안에 있습니다.)

그래서 프레임 워크와 관련이 없으므로 문제는 아닙니다. 그것은 단지 HTML과 브라우저 일뿐입니다.