title: Kendo UI Grid highlight selected row
body: <p>I have a Kendo (2013.2.716) grid with an Edit command (the edit button is in the first column) and 40+ other columns.  I do NOT have Selectable set for the Grid.  When the grid is populated, I can run my mouse down the Edit command column and each Edit button is highlighted in turn, and when I click on one, my editor comes up right away.</p>
  
  <p>However, without the .Selectable option, I cannot tell which row I am on if I scroll the grid to see the 40+ columns.  So, I set .Selectable().  This gave me the background highlighting that I expected whenever I clicked in a row.  However, I have two negative side-effects:  one, the selection of a new row takes about six seconds just to change (and highlight) a new row, and two, clicking the Edit button now accomplishes nothing:  no editor comes up.  </p>
  
  <p>The documentation says, "Selection can be enabled in the grid simply by setting the selectable option to true."  But there must be more to it than this...  It shouldn't take any time to change the background color, and it shouldn't kill my edit buttons.  What did I miss?</p>
  
  <pre><code>@(Html.Kendo().Grid(Model.Data)
  .Columns(columns =&gt;
  {
      columns.Command(command =&gt; command.Edit().Text("Edit").UpdateText("Submit")).Width(97).HtmlAttributes(new { style = "text-align: center;" });
  ...
  })
  .Selectable( )
  .Editable(editable =&gt; editable
      .Mode(GridEditMode.PopUp)
      .TemplateName("MyEditor")
      .Window(w =&gt; w.Width(500))
      .Window(w =&gt; w.Title("My Editor")))
  </code></pre>