javascript - jsRender for in for, but for 2 different structure

Question

こんにちは、私はこれらの2つの異なるものを持っています:

columns = {
 name:"Name",
 ref:"Reference"
}

items:[
{ id:1, name:"Dan", ref:"01" },
{ id:2, name:"Dan2", ref:"02" }]

そして、それらを次のような表に入れる必要があります。

| Name | Reference |
| Dan  | 01        |
| Dan2 | 02        |

通常、これは次のようになります。

{{for columns}}
  {{:name}} {{:ref}}<br>
{{/for}}
{{for items}}
  {{:name}} {{:ref}}<br>
{{/for}}

ただし、2つのオブジェクトのキーは動的であるため、JavaScriptで次のようにしたいと考えています。

var header = "";
for(key in Object.keys(columns){
   header+=" "+columns[key));
}
console.log(header);
for(var i=0;i<items.length;i++){ 
  var item = items[i]; 
  var line ="";  
  for(key in Object.keys(columns){
     line+=" "+items[key);
  }
  console.log(line);
}     

誰でも何か提案できますか？