title: Kendo UI Grid grouping - how to set group Title
body: <p>I have a Kendo UI Grid with grouping on <code>RoleName</code> property. I am trying to set title on the grouped property and can't seem to figure out how to do that.</p>
  
  <p>The view model is below.</p>
  
  <pre><code>public class UserMembershipViewModel
  {
      [Display(Name = "Username")]
      [UIHint("UsersDropdown")]
      public string UserId { get; set; }
  
      [Display(Name = "Group")]
      [UIHint("RolesDropdown")]
      public string RoleId { get; set; }
  
      [Display(Name = "Group")]
      public string RoleName { get; set; }
  
      [HiddenInput(DisplayValue = false)]
      [Display(Name = "Username")]
      public string UserName { get; set; }
  
      [HiddenInput(DisplayValue = false)]
      [Display(Name = "Email")]
      public string Email { get; set; }
  }
  </code></pre>
  
  <p>The Kendo Grid is set up as follows.</p>
  
  <pre><code>Html.Kendo().Grid(Model)
      .Name("Grid")
      .Columns(columns =&gt;
      {
          columns.Bound(p =&gt; p.UserName);
          columns.Bound(p =&gt; p.Email);
          columns.Command(command =&gt;
          {
              command.Destroy();
          }).Title("Actions").Width(200);
      })
      .Editable(editable =&gt; editable
                  .Mode(GridEditMode.PopUp)
                  .Window(window =&gt; window
                      .Title("Add Group Member")
                      .Draggable(true)))
      .ToolBar(toolbar =&gt; toolbar.Create().Text("Add Group Member"))
      .Pageable()
      .Sortable()
      .Groupable()
      .DataSource(dataSource =&gt; dataSource
              .Ajax()
              .Model(model =&gt;
              {
                  model.Id(user =&gt; user.UserId);
                  model.Field(user =&gt; user.UserId).Editable(false);
              })
              .Events(events =&gt; events
                  .Sync("sync_handler"))
              .Group(group =&gt; group.Add(model =&gt; model.RoleName))
              .Create(create =&gt; create.Action("MembershipCreate", "UserManagement"))
              .Read(read =&gt; read.Action("MembershipRead", "UserManagement"))
              .Destroy(destroy =&gt; destroy.Action("MembershipDestroy", "UserManagement"))
      )
  </code></pre>
  
  <p>And the result is this..</p>
  
  <p><a href="https://i.stack.imgur.com/rDh5x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rDh5x.png" alt="Kendo UI Grid"></a></p>
  
  <p>The <code>RoleName</code> property in view model has <code>Display</code> attribute on it. This attribute does work for setting title on column headers (you can see the <code>Username</code> column header in the image), but does not work on Group headers.</p>
  
  <p>So the <code>RoleName</code> in the image should be <code>Group</code>. Any ideas on how to set the group title?</p>