Tbgridview Not Working In Ie8

Hi all,

I have integrated yii bootstrap extension in to my site. I have a page where I am displaying a Grid view. Though its bootstrap, I have used TbGridView. The basic GridView functionality like, sort, paging, filtering, everything works fine in all browsers except IE8. Whenever I tried to perform sort, paging, filtering in Grid, the Grid disappears. It happens only in IE8. I have checked the jquery-yiigridview.js by debugging. especially ,

update: function (options) {

But found nothing special. Only thing I came to understand that, In IE8, the response is not appended to the Grid (#id). Something is missing related to the ajax rendering in IE8.

Strange thing is that, I have another page where I am using a pop up using the renderPartial method. There is also a TbGridView. But that works fine in IE8.

More info:


public function actionRate()


		$requestModel = new Rate('search');		

 		$requestModel->unsetAttributes();  // clear any default values




               $this->render('requestList', array('model'=>$requestModel)); 





$this->widget('bootstrap.widgets.TbGridView', array(



	'type'=>'striped bordered condensed',




			'name' => 'ratename',


			'value' => '$data->ratename',







After so much debugging, I found out the reason for the issue in IE8.

My First thought was the jquery-yiigridview.js. I found that, the update method in jquery-yiigridview.js for yii grid is working fine.

			$.each(settings.ajaxUpdate, function (i, el) {

			var updateId = '#' + el;

			$(updateId).replaceWith($(updateId, $data));


Then suddenly the Grid disappeared. Yes the problem was with the “response data”. Firefox and Chrome render it perfectly. But in IE8 it results in error. So I checked the response data. There was “bootstrap.widgets.TbNavbar” inside my main.php layout file. When I removed that, it worked. But that’s not the fix. I checked why it is breaking in IE8.

			$this->widget('bootstrap.widgets.TbNavbar', array(

			'type'=>'inverse', // null or 'inverse'



			'collapse'=>true, // requires bootstrap-responsive.css



‘collapse’=>true, // requires bootstrap-responsive.css … This was the problem. So I removed that line. Now its working perfectly in IE8.

But that’s not the end… Next thing is… learn, bootstrap-responsive, :) :)

NOTE: It’s a quick fix. Please share yout thoughts.

Would be good if you could contact the extension author and let him know about this issue…

yes. I did… :)

Can you show the answer to this?., My Tbgridview Collapse in chrome and Ie8.