title: Change dynamically Kendo ui Grid Column header text and field
body: <p>I am using Kendo ui Grid in MVC (ASP.NET) Project, I want to change the grid column header(title) base on data which comes from database and also change the field value in javascript. I have below code for binding the kendo ui grid.</p>
  
  <pre><code>detailRow.find("#childGrid").kendoGrid({
      dataSource: partDataSource,
      scrollable: false,
      sortable: true,
      pageable: 
      {
          input: true,
          numeric: false
      },
  
      columns: [{
              field: "UnitNumber",
              title: "Unit Number",
          },
          {
              field: "SampleNumber",
              title: "Sample Number",
          },
          {
              field: "TotalMiles",
              title: "TestFrequency",
  
          },
          {
              field: "IsTestCompletedByDriver",
              title: "Part Complete",
              template: "#if( IsPartCompleteApprove==true){#&lt;a href='javascript:return(void)' style='float: left; font-size: 17px;' class='app-btn'&gt;Approved&lt;/a&gt;#} else if( IsTestCompletedByDriver==false || MarkTesterComplete==true) {#&lt;input type=\"checkbox\"   name='IsTestCompletedByDriver' #= IsTestCompletedByDriver? 'checked' : '' # disabled  /&gt;# }   else {#&lt;span&gt;&lt;input class='k-button k-button-icontext k-grid-AddFeedback' type='button' onclick=ApprovePartcomplete('#:TRPartUnitId#','approve'); value='Approve'/&gt;  &lt;input class='k-button k-button-icontext k-grid-AddFeedback'type='button' onclick=ApprovePartcomplete('#:TRPartUnitId#','reject'); value='Reject'/&gt;&lt;span&gt;#} #",
          },
      ]
  });
  </code></pre>
  
  <p>I have to change "title" dynamically as per "TestFrequency" value and also change its "field". Please let me help for it.</p>
  
  <p>thanks, </p>