Yii пагинатор CLinkPager в стиле Bootstrap

  • 3 607
  • Нет комментариев

Чтобы стилизовать Yii пагинатор CLinkPager в Bootstrap, как на картинке выше, делаем следующее.

Yii пагинатор в стиле Bootstrap

Правим файл config/main.php

'components' => array(
    'widgetFactory' => array(
        'widgets' => array(
            'CLinkPager' => array(
                'header' => '',
                'nextPageLabel'=>'Следующая <i class="fa fa-long-arrow-right"></i>',
                'prevPageLabel'=>'<i class="fa fa-long-arrow-left"></i> Предыдущая',
                'lastPageLabel'=>'Последняя',
                'firstPageLabel'=>'Первая',
                'selectedPageCssClass' => 'active',
                'hiddenPageCssClass' => 'disabled',
                'htmlOptions' => array(
                    'class' => 'pagination',
                 ),
            ),
        ),
    ),
)

Правим массив с CGridView

<?php $this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'category-grid',
    'dataProvider'=>$model->search(),
    'filter'=>$model,
    // Вот эту строку добавляем:
    // Здесь можно указать любой класс, главное чтобы Yii не поставил свой
    'pagerCssClass'=>'custom-pager',
)); ?>
Понравилась статья? Оцени её!
1 звезда2 звезды3 звезды4 звезды5 звезд (всего голосов: 1, средняя оценка: 4,00 максимальная 5)
Загрузка...
Комментарии (0)
Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *