データキーを知らずにセルを挿入する

Question

私のデータは、キーと値のペアを持つオブジェクトの配列です。私は、ポリマー成分のデータをテーブルに取り込もうとしています。キーを明示的に使用すると機能します。ここで「FacilityId」との例です：あなたは、動的に生成された列から見ることができるよう

<table class="table table-striped table-bordered table-hover"> 
    <thead> 
    <tr> 
     <template is="dom-repeat" items="{{columns}}"> 
      <th>{{item}}</th> 
     </template> 
    </tr> 
    </thead> 
    <tbody> 
     <template is="dom-repeat" items="{{data}}"> 
      <tr> 
       <td>{{item.FacilityId}}</td> 
      </tr> 
     </template> 
    </tbody> 
</table> 

しかし、私はいつも鍵が命名されるかわかりません。私は{{item[0]}}を使ってみましたが、うまくいかず、たとえそれがあったとしても、どれくらいの数があるのか​​分かりません。私もネストされたテンプレートを使用してみましたが、私はそれを理解できませんでした。ここで

は私のデータがどのように見えるかである（再び、フィールドの数と名前は、しかし変化させることができる）：@デビッドRが参照する回答に基づいて

Answer 1

は、この作品：

<table class="table table-striped table-bordered table-hover"> 
    <thead> 
    <tr> 
     <template is="dom-repeat" items="{{columns}}"> 
      <th>{{item}}</th> 
     </template> 
    </tr> 
    </thead> 
    <tbody> 
     <template is="dom-repeat" items="{{data}}"> 
      <tr> 
       <template is="dom-repeat" items="{{_toArray(item)}}"> 
        <td>{{item.value}}</td> 
       </template> 
      </tr> 
     </template> 
    </tbody> 
</table> 

そしてhttps://stackoverflow.com/a/30794220/736893からカスタム関数：

Polymer({ 
    is: 'widget-table', 
    properties: { 
     data: { 
      type: Array, 
      value: function() {return []} 
     } 
    }, 
    _toArray: function(obj) { 
     return Object.keys(obj).map(function(key) { 
      return { 
       name: key, 
       value: obj[key] 
      }; 
     }); 
    } 
});