Unable To Customize Css For Detail/grid/tableview

I am trying to customize the CSS for my Yii App, and I have found things that talk about changing the config/main.php file to look something like this:




// application components

	'components'=>array(

		'user'=>array(

			// enable cookie-based authentication

			'allowAutoLogin'=>true,

		),

		'bootstrap'=>array(

            'class'=>'bootstrap.components.Bootstrap',

        ),

         'widgetFactory'=>array(

	        'widgets'=>array(

	            'CGridView'=>array(

	                'cssFile' => Yii::app()->request->baseUrl.'/css/table_and_grid.css',

	            ),

	            

	        ),

        ),

...



The issue I’m having is that while the CSS file is added to the header, none of the styling is taking, and I’m wonder why? How can I fix?

In your widgetFactory you configure the cssFile for CGridView, but bootstrap extensions (yiistrap, yiibooster) uses TbGridView.

Which component do you use in your view: CGridView or TbGridView?