title: How to set columns dynamically in Kendo template
body: <p>How to set columns dynamically in Kendo template for kendo grid.In my kendo grid,columns are subject to change dynamically based on user preference.How to dynamically create Kendo Template?I am using Kendo JavaScript,I can switch to Kendo MVC if same thing i can achieve there.Is there any other approach to achieve this?</p>
  
  <pre><code>&lt;script id="rowTemplate" type="text/x-kendo-template"&gt;
          &lt;tr class="k-master-row"&gt;
  
              &lt;td&gt;
  
                      &lt;div&gt;#=column1#&lt;/div&gt;
  
              &lt;/td&gt;
              &lt;td&gt;&lt;span class="mydesign" title="column2#"&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;#column3#&lt;/td&gt;
              &lt;td&gt;#=column4#&lt;/td&gt;
  
          &lt;/tr&gt;
      &lt;/script&gt;
  </code></pre>
  
  <p>Edit : In Kendo grid, we are dynamically setting the columns. Now issue is how do we set the dynamic width for content table and the header table. If it exceeds the max width how do we enable the horizontal scroll bar. Is there any approach to achieve this?</p>