title: initialize widget in Kendo grid cell?
body: <p>Is there anyway to initialize a custom widget in a <code>kendo</code> grid cell (<code>td</code>)?</p>
  
  <p>What I tried is </p>
  
  <pre><code>$("#container").kendoGrid({
      dataSource: {
          data: dataSource,
          pageSize: 8,
      },
      height: 280,
      scrollable: {
          virtual: false
      },
      columns: ["Name", "StartTime", "EndTime"],
      rowTemplate: $.template($("#rowTemplate"))
  });
  </code></pre>
  
  <p>in RowTemplate</p>
  
  <pre><code>&lt;script id="rowTemplate" type="text/x-jquery-tmpl"&gt;
      &lt;tr&gt;&lt;td&gt;
          &lt;div class=""&gt;
              {{html reFill(this.data) }}
          &lt;/div&gt;
      &lt;/td&gt;&lt;/tr&gt;                
  &lt;/script&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>function reFill(data){
      var td = $('&lt;div&gt;&lt;div&gt;').expander();
      return td[0].innerHTML;
  }
  </code></pre>
  
  <p>The expander widget has a <code>div</code>, I am listing the click of the <code>div</code> to do some sort of things.</p>
  
  <p>Here the problem is when I click that <code>div</code>, the click event is not triggering.</p>
  
  <p>I want to know the problem is in the template or is there is any best way to initialize widget in kendo grid's cell?</p>