CGridView: HTML options for table tag?

Yii 1.1 General Discussion
1

Hi there,

Property CGridView.htmlOptions sets HTML options for viewer containing tag. Is there any way to set styles (not changing class) for table tag that is used to build CGridView?

For example, I want all my CGridView cells to be center-justified. The below does not work:


    	$this->widget('zii.widgets.grid.CGridView', array

    	(

            	'id'=>'zlecenia-grid',

            	'dataProvider'=>$model->search(),

            	'filter'=>$model,

            	'htmlOptions'=>array('style'=>'text-align: center'),

    	));

Mainly, because it adds HTML options to div surrouding table rather than to table itself.

So, is the only option to solve this is to set htmlOptions manually per each column, like:


    	$this->widget('zii.widgets.grid.CGridView', array

    	(

            	'id'=>'zlecenia-grid',

            	'dataProvider'=>$model->search(),

            	'filter'=>$model,

            	'columns'=>array

            	(

                    	'ID',

                    	array

                    	(

                            	'name'=>'DATR',

                            	'htmlOptions'=>array('style'=>'text-align: center'),

                    	),

                    	array

                    	(

                            	'name'=>'UDAT',

                            	'htmlOptions'=>array('style'=>'text-align: center'),

                    	),

            	),

    	));

and so on?

2

Why not change that with CSS… in CSS file…

3 



.grid-view table.items tr td {

	text-align:center;

}
4

I’m trying to avoid changing CSS, whenever it isn’t strictly necessary.

Plus - I wanted to ask, if I’m not missing anything? For me personally, to was obvious that since there is a possibility to set styles (not class) for both column and main div container, that there also should be an option for modifying table tag contents. I don’t know like others, but I don’t see any reason for allowing direct (without touching CSS) modifying div styles and disallowing modifications to table tag in the same time. To opposite situation would be a bit more comfortable (I think most people want to change styles of table tag, not div), but still it would be best to have htmlOptions for both div and table.

Thanks! But this is solution for modifying all gridviews in particular project. I want to modify only one of them, in a particular view.

I know that this problem could be solved by:


#zlecenia-grid table.items tr td {text-align: center}

where zlecenia-grid is an id of gridview I want to modify.

But still, I think that there should be an option for modifying table itself styles, if we are talking in a matter that everything is (or should be) configurable in Yii.

5

CGridView and CGridColum are components and they have the htmlOption property… but the table as currently implemented is only for the items of CGridView…

so what you are asking is to have itemsHtmlOptions ? try to open a issue requesting it.

Anyway it’s a bad coding style to have inline CSS… it’s always better to make all display properties in CSS… look at that like you look at the MVC coding…

HTML is for the structure… CSS is how to display that structure…

as for not changing that is not a problem at all… in the main.php of your layout… after the default css includes… add one more css like


<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/my.css" />

in the folder project\css create that file my.css and here you can write all you need for custom implementation… it will override the other as it’s the last one included…

6

There is the itemCssClass

7

Thanks! Since there is itemCssClass, and since in-lining CSS styles into HTML/PHP code is not so good ide, I think I’ll pass suggesting / requesting this feature. Thanks again for advices.