javascript - ビューモデルからHtmlテーブルを作成する方法

Question

私は、htmlテーブルの各セルが入力コントロール、または選択のような別のhtmlコントロールになる可能性のあるデータブルを作成しようとしています(今のところ、入力コントロールで機能させる必要があります)。このようなもの：

<Table>
      <thead>
        <tr>
            <th>Column1</th>
            <th>Column2</th>
         </tr>
    </thead>
    <tbody>
         <tr>                
             <td><input type="text" value=80 /></td>
             <td><input type="text" value=100 /></td>
         </tr>         
        <tr>                
             <td><input type="text" value=120 /></td>
             <td><input type="text" value=140 /></td>
         </tr>  
        <tr>                
             <td><input type="text" value=160 /></td>
             <td><input type="text" value=180 /></td>
         </tr>
    </tbody>
</Table>    

私が今のところ見つけたのは、単純なデータバインディングを使用してデータテーブルを作成するだけなので、各セルは読み取り専用セルです。

この jsfiddleでは、私が期待しているものを何らかの形で見ることができます。

更新:必要なのは、列の数と行の数がデータソース (この場合はビューモデルのプロパティ) に依存するテーブルの作成です。