title: Displaying dynamic images in kendo grid
body: <p>I want to populate dynamic images in kendo grid.
  I am getting json data.</p>
  
  <p>And I have following code</p>
  
  <pre><code> var grid = $("#timeSegmentGrid").kendoGrid({
      //var icon='';  
          dataSource: {
              transport: {
                  read: function (options) {
                      getTimeSegmentList("", onSuccess, null);
                      function onSuccess(responseData) {
                          if (responseData.segments != null)
                              options.success(responseData.segments);
                          else
                              options.success([]);
                      }
                  }
              },
              pageSize: 5
          },
          pageable: {
              input: true,
              numeric: false,
              pageSizes: false,
              refresh: true
          },
          toolbar: kendo.template($("#template").html()),
          columns: [
              { field: "display_name", title: "&amp;{'Name'}" },
              { field: "display_order", title: "&amp;{'Display Order'}" },
              { field: "icon",
                  title: "Icon"
              }
          ]
      }).data("kendoGrid");
  </code></pre>
  
  <p>"icon" contains path to the image. Now, I am able to print the path but I really dont know how to display image according to that path. Any help is highly appreciated.</p>