You can use
TemplateColumn, as show below:
1 - View
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Index</title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Panel ID="Panel1" Margin="10" Header="false" runat="server">
<Items>
<ext:GridPanel ID="GridPanel1" runat="server" Title="Records" Frame="false" Width="600">
<Store>
<ext:Store runat="server" ID="Store2">
<Proxy>
<ext:AjaxProxy Url="/Example/LoadFakeRecords/">
<ActionMethods Read="POST" />
<Reader>
<ext:JsonReader Root="data" />
</Reader>
</ext:AjaxProxy>
</Proxy>
<Model>
<ext:Model ID="Model2" runat="server">
<Fields>
<ext:ModelField Name="ID" Type="String" />
<ext:ModelField Name="Name" Type="String" />
<ext:ModelField Name="Address" Type="String" />
</Fields>
</ext:Model>
</Model>
<Sorters>
<ext:DataSorter Property="Common" Direction="ASC" />
</Sorters>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:TemplateColumn ID="TemplateColumn1" Flex="1" runat="server" Text="Information">
<Template runat="server">
<Html>
<table>
<tr>
<td>
<b>ID: {ID}</b>
<br />
<b>Name: {Name}</b>
<br />
<b>Address: {Address}</b>
</td>
<td>
<img src="http://forums.ext.net/resources/images/extnet_logo.png" />
</td>
</tr>
</table>
</Html>
</Template>
</ext:TemplateColumn>
</Columns>
</ColumnModel>
</ext:GridPanel>
</Items>
</ext:Panel>
</body>
</html>
2 - Controller
public class ExampleController : System.Web.Mvc.Controller
{
public ActionResult Index()
{
return View();
}
public StoreResult LoadFakeRecords()
{
List<Person> lst = new List<Person>();
for (int index = 0; index < 15; index++)
{
lst.Add(new Person
{
ID = index,
Name = "Name" + index,
Address = "Address" + index,
});
}
return new StoreResult(lst, lst.Count());
}
}
3 - Utility
public class Person
{
public int ID { get; set; }
public string Name { get; set; }
public string Address { get; set; }
}
