刷新表中的部分添加內容而不是更改內容

Question

我試圖使用過濾來更新表格的內容。數據從視圖中顯示，使用foreach指令構建表。只顯示錶格按預期工作。

但是，當我開始過濾時，在table之外放置的span中添加了新數據，而沒有標記（td s和內容被刪除）。我不知道爲什麼它這樣做。

我想知道我做錯了什麼，以及如何獲得預期的結果：在視圖上應用過濾器時更新表格。

InstantAT重現問題：http://juliandescottes.github.io/instantat/#5194e132e4b051dece0c7924

Answer 1

的問題是，我應該已經指定，而不是包裹它自己在tbody

這種款型是車段定義：

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

我用這個定義代替它：

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

它將該部分附加到tbody本身，而不是作爲默認容器的span。由於span不是table的有效孩子，所以它被放置在它外面。

演示：http://juliandescottes.github.io/instantat/#51961bcde4b0988ed5cb6869

Answer 2

的跨度被渲染表以外的其他地區只與瀏覽器中的事實。 你基本上不能在表格中間放置一個跨度，瀏覽器只會將它移動到表格外。 （當然，在一個單元格內 - 你可以！）

所以它與框架無關，因此不是問題。這只是HTML和瀏覽器。