Cgridview Pager And Bootstrap 3

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…

Any update on this ?

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',