How to customize Yii CGridView Pager?

Question

How to customize Yii CGridView Pager about its position, css, template?

Answer 1

1. http://www.yiiframework.com/doc/api/CBaseListView#pager-detail
2. http://www.yiiframework.com/doc/api/CBaseListView#pagerCssClass-detail
3. http://www.yiiframework.com/doc/api/CLinkPager

Answer 2

You can custumize via 'pager' CGridView properties. Example:

$this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'My-grid',
    'dataProvider'=>$dataProvider,
    'pager'=>array(
        'header'         => '',
        'firstPageLabel' => '<<',
        'prevPageLabel'  => '<img src="images/pagination/left.png">',
        'nextPageLabel'  => '<img src="images/pagination/right.png">',
        'lastPageLabel'  => '&gt;&gt;',
    ),
    'template'=>'{pager}{items}{pager}',
    'columns'=>$arrayColumns,
));

Answer 3

Here's another approach which worked for me.

Displaying Yii's CLinkPager "First" and "Last" Buttons

If you have troubles, make sure to read the comments below the entry.