Filter style problem | Infragistics Forums

Good morning.

Unfortunately after I created a new mvc4 project, it still has the same result. Please see my sample code below:

@using Infragistics.Web.Mvc;

@model IEnumerable<csisMVC4.tbl_branches>

@(Html.Infragistics().Loader()
.ScriptPath(Url.Content("~/Scripts/IG/js/"))
.CssPath(Url.Content("~/Content/IG/css/"))
.Theme("metro")
.Resources("igShared")
.Render()
)

@{
ViewBag.Title = "List of Branches";
}

@(Html.Infragistics().Grid<csisMVC4.tbl_branches>()
.ID("grid")
.PrimaryKey("branch_idno")
.AutoGenerateColumns(false)
.AutoGenerateLayouts(false)
.AutoCommit(false)
.Columns(column =>
{
column.For(x => x.branch_idno).DataType("number").Hidden(true);
column.For(x => x.branch_code).HeaderText("CODE ").DataType("string");
column.For(x => x.branch_location).HeaderText("LOCATION ").DataType("string");
column.For(x => x.branch_chapel_desc).HeaderText("DESCRIPTION ").DataType("string");
column.For(x => x.branch_contactno).HeaderText("CONTACT NO. ").DataType("string");
})
.Features(feature =>
{
feature.Selection().Mode(SelectionMode.Row).MultipleSelection(false);
feature.Updating();
feature.Sorting().Type(OpType.Local);
feature.Paging().PageSize(10).PrevPageLabelText("Previous").NextPageLabelText("Next");
feature.Filtering().Type(OpType.Local);
})
.DataSourceUrl("/Branches/BranchList").ResponseDataKey("")
.ClientDataSourceType(ClientDataSourceType.JSON)
.Width("100%")
.Height("100%")
.DataBind()
.Render())

And my BranchList code i used in my controller is as follows:

private fsdbEntities db = new fsdbEntities();

#region Branches
public JsonResult BranchList()
{
//return Json(nw.BranchList, JsonRequestBehavior.AllowGet);
return Json(db.tbl_branches, JsonRequestBehavior.AllowGet);
}
#endregion

I don't have any other css except the /Content/site.css and is using the Metro theme if Infragistics.

Hoping someone can point me out on how to fix my problem.

Thanks and good day once again to all. :)