title: not able to create table using knockout.js
body: <p>Below is my code, i am trying to create table using knockout.js, but its not working. Table is not at all getting generated.</p>
  
  <pre><code> &lt;html&gt;
   &lt;head&gt;
   &lt;title&gt;Welcome to Collab-Todo&lt;/title&gt;
   &lt;meta name="layout" content="main" /&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;h style="margin-left:px;"&gt;Welcome to Collab-Todo&lt;/h&gt;
   &lt;p style="margin-left:px;width:%"&gt;
   Welcome to the Collab-Todo application. This application was built
   as part of the Apress Book, "Beginning Groovy and Grails."
   Functionally, the application is a collaborative "To-Do"
   list that allows users and their buddies to jointly
   manage "To-Do" tasks.&lt;/p&gt;&lt;br /&gt;
   &lt;p style="margin-left:px;width:%"&gt;Building the Collab-Todo
   application is used to walk the user through using Grails . to
   build an application. Below is a list of controllers that are
   currently deployed in this application. Click on each to execute
   its default action:&lt;/p&gt;
   &lt;br /&gt;
   &lt;div class="dialog" style="margin-left:px;width:%;"&gt;
   &lt;ul&gt;
  Hi Hello Word
   &lt;/ul&gt;
   &lt;/div&gt;
   Test
                         &lt;table&gt;
                             &lt;thead&gt;
                                 &lt;tr&gt;
                                      &lt;th class="checkbox no-padding"&gt;
                                          &lt;label&gt;
                                              &lt;input  type="checkbox"  /&gt;
                                          &lt;/label&gt;
                                      &lt;/th&gt;
                                      &lt;th&gt;
                                      300
                                      &lt;/th&gt;
                                      &lt;!-- ko foreach: columns--&gt;
                                      &lt;th data-bind="attr: {id: id}"&gt;
                                          &lt;div&gt;
                                              &lt;div data-bind="html:name"&gt;&lt;/div&gt;                                           
                                          &lt;/div&gt;
                                      &lt;/th&gt;
                                      &lt;!-- /ko --&gt;
                                  &lt;/tr&gt;
                              &lt;/thead&gt;
  
                              &lt;tbody &gt;    
                                  &lt;tr&gt;
                                  &lt;/tr&gt;
                              &lt;/tbody&gt;    
                      &lt;/table&gt;
   &lt;/body&gt;
   &lt;script type="text/javascript"&gt;
   var myViewModel = {
      columns:[
                  {id:'title',name:'Title'},
                  {id:'documentLanguage',name:'Document Language'}, 
                  {id:'documentType',name:'Document Type'},
                  {id:'expirationDate',name:'Expiration Date'},
                  {id:'attachmentSize',name:'Attachment Size'},
                  {id:'targetAccounts',name:'Target Accounts'},
                  {id:'audienceType',name:'Audience Type'},
                  {id:'history',name:'History'},
                  {id:'action',name:'Action'}
                  ]
   };
   ko.applyBindings(myViewModel);
   &lt;/script&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>Is there anything wrong in bindings of knockout, I am trying to create the table headers using  so that it will generate a row for each row value in columns data, please help me with this</p>