Riot JS仍然无法正确渲染表格

Question

我目前正在编写一个通用表组件，它为我想在我的站点上显示的所有表提供一些基本功能。然后，每个实际表将使用此通用表，并将标头和内容放入通用表中。

在撰写本文时 - 最新版本的Riot JS，在将内容输入表格时仍然存在问题。 更具体地说，当我放入表中时，Riot将此信息放入主标记（减去tr和td标记），但保留实际表为空。

https://jsfiddle.net/ytgv5o5k/1/

我是否可以立即使用修复程序或解决方法？有些消息来源提到data-is限定符，但如果我想重用通用表组件，我不知道如何使用它。

非常感谢！

Answer 1

使用使用自定义html标记的框架时，这是一个主要的难点。它实际上与骚乱毫无关系。你要做的是无效的html，所以浏览器会将无效的标签踢出桌面。

见这里：http://riotjs.com/guide/#riot-dom-caveats

如果在您的应用程序中将表拆分为单独的标记是有意义的，您应该能够像这样处理它：

<table-container>
    <table>
        <tr data-is='table-row' each={ row in rows } row={ row }></tr>
    </table>
</table-container>

您将无法将yield任何内容放入无效的HTML表格中。据我所知，riot在将它放入DOM之前没有处理html的概念，这就是你的标签将被移出table的时候。使用<yield/>的唯一可能性是将内容放入单元格

<td>
    <yield/>
</td>