title: Is it possible to combine the fields into a single cell in kendo grid inline mode?
body: <p>I wrote the code to display the information in Kendo UI grid.
  It's using the inline grid mode to update and insert the record.</p>
  
  <p>Here the code: </p>
  
  <p>Timesheet.cshtml</p>
  
  <pre><code>@model HalsionTimesheetWebApp.Models.TimesheetIndexData
  
  @(Html.Kendo().Grid(Model.TimesheetPrinting)
      .Name("InlineGrid")   
      .Columns(columns =&gt;
      {
   columns.Bound(trans =&gt; trans.TimesheetId).Title("ID").Hidden(true)
  .EditorTemplateName("TimesheetIdEditor");        
  columns.Bound(trans =&gt; trans.StartDate).Title("Date")
  .Format("{0:dd MMM yyyy}").EditorTemplateName("DateEditor").Width(100)); 
  columns.Bound(trans =&gt; trans.StartTime).Title("Start Time")
  .Format("{0:hh:mm tt}").EditorTemplateName("TimeEditor").Width(85);
  columns.Bound(trans =&gt; trans.FinishTime).Title("Finish Time")
  .Format("{0:hh:mm tt}").EditorTemplateName("TimeEditor").Width(85);        columns.Bound(trans =&gt; trans.TimeTaken).Title("Taken")
  .Format("{0:n2}")
  .EditorTemplateName("TimeTakenEditor").Width(70);
   columns.Command(command =&gt;
          {
              command.Edit();
              command.Destroy();
  
  
          }).Width(250).Title("Action");
      })
    .ToolBar(toolbar =&gt; toolbar.Create().Text("New entry"))
      .Editable(editable =&gt; editable.Mode(GridEditMode.InLine)
      .Sortable()
      .Pageable(pager =&gt; pager
                      .PageSizes(new int[] { 5, 10, 20, 50, 100 }).Info(true).Messages(messages =&gt; messages.Empty("No entry")
  .Display("Showing entries from {0} to {1}. Total entries: {2}").ItemsPerPage("entries per page"))
         )// Enable paging
      .DataSource(dataSource =&gt; dataSource
          .Ajax()
          .PageSize(20)
          .ServerOperation(true)
          .Events(events =&gt; events.Error("datasource_error_handler")
          .Model(model =&gt;
          {
              model.Id(p =&gt; p.TimesheetId);
  
          })
          .Read(read =&gt; read.Action("Read", "Timesheet))
           .Create(update =&gt; update.Action("Create", "Timesheet"))
          .Update(update =&gt; update.Action("Update", "Timesheet"))
          .Destroy(update =&gt; update.Action("Destroy", "Timesheet"))
  
  
      ))
  </code></pre>
  
  <p>EditorTemplates/DateEditor.cshtml</p>
  
  <pre><code> @model DateTime
      @(Html.Kendo().DatePickerFor(m =&gt; m)
      .Format("{0:yyyy-MM-dd}").Max(DateTime.Now.Date.AddDays(1).AddTicks(-1)))
  </code></pre>
  
  <p>EditorTemplates/TimeEditor.cshtml</p>
  
  <pre><code>@model DateTime?
  @(Html.Kendo().TimePickerFor(m =&gt; m))
  </code></pre>
  
  <p>EditorTemplates/TimeTakenEditor.cshtml</p>
  
  <pre><code> @model int
   @(Html.Kendo().NumericTextBoxFor(m =&gt; m)).Min(0).Max(int.MaxValue)
  .Format("# min"))
  </code></pre>
  
  <p>In this code, each column has its own editor template. 
  What I need here is to combine some fields into a single cell in inline editing mode.</p>
  
  <p>For example : 
  Start date and time into a single cell,finish time and time taken into another single cell.</p>
  
  <p>EditorTemplates/StartDateTimeEditor.cshtml</p>
  
  <pre><code>@model DateTime?
  @(Html.Kendo().DatePickerFor(m =&gt; m) // It's for Start Date
  .Format("{0:yyyy-MM-dd}").Max(DateTime.Now.Date.AddDays(1).AddTicks(-1)))
  @(Html.Kendo().TimePickerFor(m =&gt; m)) // It's for Start Time
  </code></pre>
  
  <p>EditorTemplates/FinishTimeAndTimeTakenEditor.cshtml </p>
  
  <pre><code>@model object
  @(Html.Kendo().TimePickerFor(m =&gt; m)) // It's for Finish Time
  @(Html.Kendo().NumericTextBoxFor(m =&gt; m)).Min(0).Max(int.MaxValue)
  .Format("# min")) // It's for Time Taken
  </code></pre>
  
  <p>Is it possible in Kendo UI Grid ?</p>
  
  <p>I don't find any documentation to support this features in Telerik Kendo UI.</p>
  
  <p>Any help is appreciated.</p>
  
  <p>Thank you.</p>