We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Grid rendering Issue

In the MVC page, the below grid is not rendering.. 
                   .Column(cols =>
                           cols.Add(c => c.FirstName).HeaderText("Employee Name").Width(500);
When I check the view source in the IE, the below content has been rendered. Can you please let me know what I am missing in the design time?
<link rel='nofollow' href="/MvcResourceHandler.axd?k=css&r=['282287209','-1551797839','1489007596']&minify=true" id="GridMarble" reg="0" rel="stylesheet" /><div id="GridDatawaiting" style="display : none;"><div id="GridDatawaiting_WaitingPopup_Panel" style="width: 100%;height: 100%;background-position: center center;opacity : 0.4; filter: alpha(opacity= 40); background-color:#fdffff;"></div><img id="GridDatawaiting_WaitingPopup_Image" src="/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiHM8WHgA5AdNgiRmcA6LuDq6mnQfmjF5d9wrRvK7lzHlNYKnmztoAj84UnyNm2qh8BrtXDE5O1tR33uY_YWdkMhjuQ8Kfm4BRX0BRHQvDE6Jg6VmqhJ4XVPdGBjknxcoe9k77R6NMpIMcdfzJxMkXumNojRZr1MjnDY1EfPfE_tzsvESOK_GYeD" /></div><div class="Syncfusion-Grid-Core Syncfusion-Grid-Marble" id="GridData" style="visibility:hidden" tabindex="100"><div class="GridHeader"><div class="Hdr-widthSettings"><table cellspacing="0.25px" class="Table"><colgroup><col style="width:20px" /><col style="width:500px" /></colgroup><thead><tr class="HeaderBar"><th class="TopLeftCell"> </th><th class="HeaderCell"><div class="HeaderCellDiv">Employee Name</div></th></tr></thead><tbody style="display:none"><tr><td></td><td></td></tr></tbody></table></div></div><div class="GridContent"><div><table cellspacing="0.25px" class="Table" id="GridData_Table"><colgroup><col style="width:20px" /><col style="width:500px" /></colgroup><tbody><tr><td class="RowHeader"><div> </div></td><td class="RowCell">Employee 1</td></tr><tr><td class="RowHeader"><div> </div></td><td class="RowCell">Employee 2</td></tr><tr><td class="RowHeader"><div> </div></td><td class="RowCell">Employee 3</td></tr></tbody></table></div></div><div class="GridPager"><div class="gridPagerContainer"><div class="FirstPageDisabled first"></div><div class="PrevPageDisabled prev" style="margin-left:2px"></div><a class="NextPrevItemDisabled Spacing PP">...</a><div class="NumericContainer" id="NumericContainer"><a class="CurrentItem NumericItem Spacing">1</a><a class="NumericItem Spacing">2</a><a class="NumericItem Spacing">3</a><a class="NumericItem Spacing">4</a><a class="NumericItem Spacing">5</a><a class="NumericItem Spacing">6</a><a class="NumericItem Spacing">7</a><a class="NumericItem Spacing">8</a><a class="NumericItem Spacing">9</a><a class="NumericItem Spacing">10</a></div><a class="Spacing NP">...</a><Div class="NextPageDisabled"></Div><Div class="LastPageDisabled" style="margin-left:2px"></Div><div class="RefreshPager" style="display:inline-block"></div></div><div class="ParentMsgBar" style="text-align:right"><span class="MsgBar" style="height:5px"></span></div></div></div>

4 Replies

MU Murugan May 6, 2013 03:49 AM UTC

I have fixed the visibility issue..but when I click on next page, getting the below javascript error.
Microsoft JScript runtime error: Unable to get value of the property 'tHead': object is null or undefined.

Can someone share your ideas to fix this issue?

RD Rakesh D Syncfusion Team May 8, 2013 02:24 AM UTC


Hi Murugan,


Thank you for your interest in Syncfusion products.


Query : Grid rendering Issue ?


Based on the information provided we suspect that you have not added action method for Post action. We need to add two action methods in the Controller (one for loading the view and one for handling the grid paging and sorting actions). Please refer below code snippet for further details.




public ActionResult ServerMode()


            var data = new GridSample_Server.Models.StudentDataContext().Student.Take(100).ToList();

            ViewData["ProductName"] = "Grid";

            return View(data);





        public ActionResult ServerMode(PagingParams args)


            IEnumerable data = new GridSample_Server.Models.StudentDataContext().Student.Take(100).ToList();

            return data.GridActions<GridSample_Server.Models.Student>();




Please refer our below online documentation link for more details on how to add grid to mvc application.





For your convenience we have prepared a sample for the above scenario and it is attached below. Please refer to it.



Please let us know if you have any concerns.



Rakesh D




MA Manne April 24, 2014 09:47 AM UTC


 I am also facing the visibility problem for the grid. how do you fixed that one? Can you please explain


PS Prabu Sarvesan Syncfusion Team April 25, 2014 09:42 AM UTC

Hi Manne,


Thanks for your interest in Syncfusion products.


We are unable to reproduce the issue “Grid Invisibility”. We have prepared a simple sample and the same can be downloaded from below link.


Sample Link:




Could you please send us more information about the issue whether the console window of firebug has any errors or send us a sample with issue so that we could sort out the cause of the issue and provide you a better solution quickly? The information provided would be great help for us to resolve your issue.


Also could you please confirm whether you have added script manager at the end of Layout.csthml page? Please refer the following code snippets.


Code Snippets:









However the “How to avoid Grid invisibility” documentation resolves the common invisibility issues. So we suggest you to follow the steps in it once again correctly and the link as follows:


Documentation link:



Please let us know if you need any further assistance.




Prabhu Sarvesan

Live Chat Icon For mobile
Up arrow icon