2017-09-20 8 views
0

私は現在、自分のサイトに表示したいすべてのテーブルに基本機能を提供する汎用テーブルコンポーネントを作成しています。実際の各テーブルはこの汎用テーブルを使用し、汎用テーブルにヘッダーとコンテンツを生成します。Riot JSは依然として適切なテーブルをレンダリングしていません

ライオットJSの最新版を書いている時点では、コンテンツをテーブルに収めてもまだ問題があるようです。 具体的には、私がテーブルに降伏すると、Riotはこの情報をメインタグに入れます(trtdタグを差し引いたもの)が、実際のテーブルは空のままです。

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

まで来て修正または私が今使用できる回避策はありますか?いくつかのソースにはdata-is修飾子が記載されていますが、一般的なテーブルコンポーネントを再利用したい場合は、これを使用する方法がわかりません。

ありがとうございます!

答えて

0

カスタム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ではないテーブルには何かがあります。私が知る限り、暴動はDOM内にHTMLを配置する前にhtmlを処理する概念を持っていません。これは、タグがtableから移動されるときです。 <yield/>を使用する唯一の可能性は、コンテンツをセルに配置することです。

<td> 
    <yield/> 
</td> 
関連する問題