 <p>I use a ClientRowTemplate to achieve something similar to the above.</p> <p>Look at this documentation: <a href="http://demos.telerik.com/aspnet-mvc/grid/rowtemplate" rel="nofollow noreferrer">http://demos.telerik.com/aspnet-mvc/grid/rowtemplate</a></p> <p>Basically I define my Row template in a partial view then I render the partial like this:</p> <pre><code>@(Html.Kendo().Grid(Model).Name("usersManageGrid") .Columns(columns =&gt; { columns.Bound(c =&gt; c.LoginId).Visible(false); columns.Bound(c =&gt; c.FullName).Title("Name").Width(120); columns.Bound(c =&gt; c.Email).Title("Username"); }).ClientRowTemplate(Html.Partial("_TestPartial").ToHtmlString())) </code></pre> <p>You can still specify and bind to other columns like the documentation shows. You can also pass in your sub view model if you wish as normal;</p> <pre><code>.ClientRowTemplate(Html.Partial("_TestPartial",x.SubViewModel).ToHtmlString()) </code></pre> <p>The partial view which contains the row template looks like this:</p> <pre><code>&lt;tr data-uid='#: LoginId #'&gt; &lt;td&gt; &lt;span class='description'&gt;&lt;b&gt;Name&lt;/b&gt; : #: FullName# &lt;/span&gt; &lt;/td&gt; &lt;td&gt; @Html.Partial("_Test2Partial") &lt;/td&gt; &lt;/tr&gt; </code></pre> <p>Then you will see I render another partial view for the second column which simply has this in it:</p> <pre><code>&lt;span style="color:purple;"&gt;&lt;b&gt;Email&lt;/b&gt; : #: Email# &lt;/span&gt; </code></pre> <p>The end result looks like this:</p> <p><img src="https://i.stack.imgur.com/WoX8b.png" alt="enter image description here"></p>