title: Kendo UI Grid Only Expand One Row at a Time
body: <p>I have a Kendo Grid which I would like to only be able to expand one row at a time for detail editing.  What is the simplest way to do this?</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;MyModel&gt;()
     .Name("MyGrid")
     .ClientDetailTemplateId("MyTemplate")
     .Columns(columns =&gt;
     {
         columns.Bound(b =&gt; b.Code);
         columns.Bound(b =&gt; b.Name);
         columns.Bound(b =&gt; b.Description);
         ...
         columns.Command(cmd =&gt; { cmd.Edit(); cmd.Destroy(); });
     })
     .ToolBar(toolbar =&gt; toolbar.Create())
     .Editable(editable =&gt; editable.Mode(GridEditMode.InLine))
     .DataSource(dataSource =&gt; dataSource
        .Ajax()
        .Model(model =&gt; model.Id(a =&gt; a.Id))
        .Create(create =&gt; create.Action("Create", "SysMaint", new { id = Model.ProjectId }))
        .Read(read =&gt; read.Action("Read", "SysMaint", new { projectId = Model.ProjectId }))
        .Update(update =&gt; update.Action("Update", "SysMaint"))
        .Destroy(destroy =&gt; destroy.Action("Destroy", "SysMaint"))
     )
  )
  
  &lt;script id="MyTemplate" type="text/kendo-tmpl"&gt;
      @(Html.Kendo().TabStrip()
         .Name("TabStrip_#=Id#")
         .SelectedIndex(0)
         .Items(items =&gt;
             {
                 items.Add().Text("A").LoadContentFrom("MyPartialA", "SysMaint", new { id = "#=Id#" });
                 items.Add().Text("B").LoadContentFrom("MyPartialB", "SysMaint", new { id = "#=Id#" });
             })
         .ToClientTemplate()
      )
  &lt;/script&gt;
  </code></pre>