Cgridview Pager And Bootstrap 3

Yii 1.1 General Discussion
1

Hi there,

I used Bootstrap 2 to skin my cgridview pager, bootstrap 2 uses the <div> tag :




<div class="pagination">

  <ul>

    <li><a href="#">Prev</a></li>

    <li><a href="#">1</a></li>

    <li><a href="#">2</a></li>

    <li><a href="#">3</a></li>

    <li><a href="#">4</a></li>

    <li><a href="#">5</a></li>

    <li><a href="#">Next</a></li>

  </ul>

</div>

so i simply added the pagination classes i need to the pagerCssClass property of my CGridView pager

but now in Bootstrap 3 it’s the <ul> tag :




<ul class="pagination">

  <li><a href="#">&laquo;</a></li>

  <li><a href="#">1</a></li>

  <li><a href="#">2</a></li>

  <li><a href="#">3</a></li>

  <li><a href="#">4</a></li>

  <li><a href="#">5</a></li>

  <li><a href="#">&raquo;</a></li>

</ul>

is there a way to add a class to CGridView’s <ul> pager ?

Thanks…

2

Any update on this ?

3

Check http://www.yiiframework.com/doc/api/1.1/CBaseListView#pager-detail and http://www.yiiframework.com/doc/api/1.1/CLinkPager for attributes you can set.

For bootstrap 3, this worked for me. (side note, I use font awesome for prevPagerLabel and nextPagerLabel)


'pager' => array(

    'prevPageLabel' => CHtml::tag('i', array('class' => 'fa fa-angle-double-left')),

    'nextPageLabel' => CHtml::tag('i', array('class' => 'fa fa-angle-double-right')),

    'cssFile' => false,

    'htmlOptions' => array(

        'class' => 'pagination pagination-sm',

    ),

),

'pagerCssClass' => 'blank',