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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Display a grid in jquery tabs with Ajax load

Thread ID:





104248 Jul 3,2012 08:08 PM UTC Aug 27,2012 09:28 AM UTC ASP.NET MVC (Classic) 1
Tags: Grid
Mark Treveil
Asked On July 3, 2012 08:08 PM UTC


I have a  standard JQuery Tabs control ( not the syncfusion version), and am  loading the contents with Ajax on demand.

I can load simple HTML, but am struggling with a Syncfusion grid, loaded through a partial view.  It has the classic hidden div problem:

<div class="Syncfusion-Grid-Core Syncfusion-Grid-Office2007Black" id="mgAttendeesListGrid" style="visibility:hidden" >

I am trying to ensure the scripts for the grid are executed on the tab load event:

    $('#tabContents').bind('tabsload', function (event, ui) {

Despite the ui.panel.innerHTML having something vaguely sensible in it, the grid won't display.

I can display the grid OK on the same page outside of the tabs, so the partial view contents and basic assembly references look OK.

Have you any tips for displaying grids in Ajax-loaded tabs?

I am using the latest Syncfusion release.


Rakesh D [Syncfusion]
Replied On August 27, 2012 09:28 AM UTC

Hi Mark Treveil,

Thanks for using Syncfusion products.

We are unable to reproduce your issue. So, we have prepared a sample application in which a grid is displayed inside a jquery tab. We request you to see the below sample and reproduce your issue in the following sample and send it back to us. 

Please let me know if you have any concern.


Rakesh D



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon